<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <meta property="og:title" content="RBXMarket - Покупка Робуксов">
    <meta property="og:description" content="Безопасная и выгодная покупка робуксов на RBXMarket. Доступные цены, быстрые транзакции!">
    <meta property="og:image" content="https://rbxmarket.ru/link.png">
    <meta property="og:url" content="https://rbxmarket.ru">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="RBXMarket - Покупка Робуксов">
    <meta name="twitter:description" content="Безопасная и выгодная покупка робуксов на RBXMarket. Доступные цены, быстрые транзакции!">
    <meta name="twitter:image" content="https://rbxmarket.ru/link.png">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&family=Jost:wght@600&family=Oswald:wght@600&family=Material+Symbols+Outlined&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <title>RBXMarket - Покупка Робуксов</title>    
    <style>
*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI"}body{padding-top:65px;background-color:#1c1c23;color:white;min-height:100vh;font-size:1.5rem;margin:0;overflow-x:hidden}#snow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.content{position:relative;z-index:1;padding:20px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:1.5rem 3rem;background-color:rgba(28, 28, 35, 0.8);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}.social-icons{position:absolute;right:20px;display:flex;gap:15px;align-items:center}.social-icon{color:#393947;font-size:35px;transition:all 0.3s ease}.social-icon:hover{color:#7557ec;transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.social-icon:active{animation:pulse 0.3s ease-in-out}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);background-color:#2a2a33;color:#fff;padding:30px;border-radius:25px;box-shadow:0 15px 40px rgba(0, 0, 0, 0.4);z-index:1000;opacity:0;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);max-width:90%;width:650px}.modal.active{display:block;opacity:1;transform:translate(-50%, -50%) scale(1)}.modal-content{text-align:left}#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(25, 25, 30, 0.9);z-index:999;opacity:0;transition:opacity 0.4s ease-in-out;backdrop-filter: blur(5px)}#navbar{position:relative;z-index:1000;background-color:#333;color:white;padding:10px}#overlay.active{display:block;opacity:1}.tutorial-link-container{margin-bottom:20px;text-align:center}.tutorial-link{display:inline-flex;align-items:center;justify-content:center;color:#8e71fd;text-decoration:none;font-size:18px;font-weight:600;padding:12px 24px;border-radius:8px;background-color:rgba(142, 113, 253, 0.1);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 4px 6px rgba(142, 113, 253, 0.1);position:relative;overflow:hidden}.tutorial-link:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, rgba(142, 113, 253, 0.1), rgba(142, 113, 253, 0.3));opacity:0;transition:opacity 0.3s ease}.tutorial-link:hover{color:#fff;background-color:#8e71fd;transform:translateY(-3px);box-shadow:0 8px 15px rgba(142, 113, 253, 0.2)}.tutorial-link:hover:before{opacity:1}.tutorial-link:active{transform:translateY(-1px);box-shadow:0 4px 8px rgba(142, 113, 253, 0.2)}.tutorial-link i{font-size:24px;margin-right:12px;transition:transform 0.3s ease}.tutorial-link:hover i{transform:translateX(3px)}.tutorial-link span{position:relative;z-index:1}.checkbox-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.checkbox-container label{font-size:14px;color:#b3b3c2;cursor:pointer;user-select:none;transition:color 0.3s ease}.checkbox-container:hover label{color:#fff}input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #8e71fd;border-radius:6px;margin-right:12px;cursor:pointer;position:relative;transition:all 0.3s ease;background-color:rgba(142, 113, 253, 0.1)}input[type="checkbox"]:checked{background-color:#8e71fd;border-color:#8e71fd}input[type="checkbox"]:checked::after{content:'✓';position:absolute;color:#fff;font-size:16px;font-weight:bold;top:50%;left:50%;transform:translate(-50%, -50%)}input[type="checkbox"]:hover{border-color:#7557ec;background-color:rgba(142, 113, 253, 0.2)}.continue-button{margin-top:5px;padding:14px 28px;background-color:#8e71fd;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:not-allowed;opacity:0.5;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(142, 113, 253, 0.2);width:100%;text-transform:uppercase;letter-spacing:1px;position:relative}.continue-button.enabled{cursor:pointer;opacity:1}.continue-button.enabled:hover{background-color:#7557ec;transform:translateY(-2px);box-shadow:0 6px 20px rgba(142, 113, 253, 0.3)}.continue-button.enabled:active{transform:translateY(0);box-shadow:0 2px 10px rgba(142, 113, 253, 0.2)}.spinner{position:absolute;right:15px;top:50%;transform:translateY(-50%);border:3px solid transparent;border-top:3px solid white;border-radius:50%;width:18px;height:18px;animation:spin 1s linear infinite;visibility:hidden}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.continue-button.loading .button-text{visibility:hidden}.continue-button.loading .spinner{visibility:visible}.modal h2{color:#8e71fd;margin-bottom:20px;font-size:28px;font-weight:700;letter-spacing:0.5px}.modal p{margin-bottom:20px;line-height:1.6;color:#b3b3c2;font-size:16px}@keyframes modalEnter{from{opacity:0;transform:translate(-50%, -60%) scale(0.9)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}.modal.active{animation:modalEnter 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#b3b3c2;font-size:24px;cursor:pointer;transition:color 0.3s ease}.close-button:hover{color:#fff}.currency-button{padding:12px 24px;background-color:#8e71fd;color:white;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);position:relative;overflow:hidden}.currency-button::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255, 255, 255, 0.5);opacity:0;border-radius:100%;transform:scale(1, 1) translate(-50%);transform-origin:50% 50%}.currency-button:hover{background-color:#7c5cfa;box-shadow:0 6px 12px rgba(0, 0, 0, 0.15)}.currency-button:hover::after{animation:ripple 1s ease-out}.currency-button:focus{outline:none;box-shadow:0 0 0 3px rgba(142, 113, 253, 0.5)}@keyframes ripple{0%{transform:scale(0, 0);opacity:0.5}20%{transform:scale(25, 25);opacity:0.5}100%{opacity:0;transform:scale(40, 40)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{transform:translate(-50%, -50%) scale(0.5)}to{transform:translate(-50%, -50%) scale(1)}}.telegram-contest-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(28, 28, 35, 0.9);z-index:999;opacity:0;transition:opacity 0.4s ease-in-out;backdrop-filter: blur(5px)}.telegram-contest-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);background-color:#1c1c23;color:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 40px rgba(146, 118, 254, 0.3);z-index:1000;opacity:0;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);max-width:90%;width:500px}.telegram-contest-modal.active,.telegram-contest-overlay.active{display:block;opacity:1}.telegram-contest-modal.active{transform:translate(-50%, -50%) scale(1)}.telegram-contest-content{text-align:center}.telegram-contest-content h2{margin-bottom:20px;font-size:28px;color:#9276fe;display:flex;align-items:center;justify-content:center}.telegram-contest-content h2::before{content:'\f05a';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:10px;font-size:32px}.telegram-contest-content p{margin-bottom:30px;line-height:1.6;font-size:16px}.telegram-contest-buttons{display:flex;justify-content:center;gap:20px}.telegram-contest-button{padding:12px 24px;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:bold;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.telegram-contest-button.participate{background-color:#9276fe;color:white;box-shadow:0 4px 15px rgba(146, 118, 254, 0.4)}.telegram-contest-button.participate:hover{background-color:#7b5fe8;transform:translateY(-2px);box-shadow:0 6px 20px rgba(146, 118, 254, 0.6)}.telegram-contest-button.participate::before{content:'\f135';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:8px}.telegram-contest-button.close{background-color:transparent;color:#9276fe;border:2px solid #9276fe}.telegram-contest-button.close:hover{background-color:rgba(146, 118, 254, 0.1);transform:translateY(-2px)}.telegram-contest-button.close::before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:8px}@media (max-width: 600px){.telegram-contest-modal{padding:30px;width:85%}.telegram-contest-content h2{font-size:24px}.telegram-contest-content h2::before{font-size:28px}.telegram-contest-content p{font-size:14px;margin-bottom:25px}.telegram-contest-buttons{flex-direction:column;gap:15px}.telegram-contest-button{width:100%;padding:10px 20px;font-size:14px}}.nav-links{font-family:'Inter';font-style:normal;font-weight:700;font-size:20px;line-height:26px;text-align:center;letter-spacing:0.04em;color:#FFFFFF;display:flex;gap:2rem;align-items:center;position:relative;animation:fadeInNav 1s ease-in-out}@keyframes fadeInNav{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.nav-links a{position:relative;color:white;text-decoration:none;font-size:1.35rem;transition:color 0.3s ease-in-out}.nav-links a:hover{color:#967bff}.nav-links a::after{content:'';position:absolute;width:0;height:2px;background-color:#967bff;bottom:-5px;left:0;transition:width 0.3s ease-in-out}.nav-links a:hover::after{width:100%}.login-btn{background-color:#7c5cfc;border:none;padding:0.75rem 2.25rem;border-radius:15px;cursor:pointer;position:absolute;right:3rem;font-family:'Inter';font-style:normal;font-weight:700;font-size:20px;line-height:26px;text-align:center;letter-spacing:0.04em;color:#FFFFFF}.menu-toggle{display:none}.main-content{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:1rem;background-color:#1c1c23;border-radius:50px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);max-width:800px;margin:0 auto;border:2px solid #292930;z-index:1}.top-info{text-align:center;margin-bottom:0.5rem}.buy-text{font-size:5rem;color:white;font-weight:bold;display:block}.course-info{font-weight:bold;font-size:2.75rem;color:#9276fe;display:flex;justify-content:center;align-items:center}.course-text{font-weight:bold}.course-rate{font-weight:bold;margin-right:5px}.robuxtitle{margin-top:2px;top:15px;width:37.5px;height:auto}.title{font-family:'Jost', serif;font-size:5.25rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#ffffff;text-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);letter-spacing:0.05em;transition:transform 0.3s ease}.title:hover{transform:scale(1.03)}@media (max-width: 768px){.title{font-size:3rem}.currency-button{margin-top:15px;margin-bottom:15px;padding:8px 16px;background-color:#8e71fd;color:white;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);position:relative;overflow:hidden;margin-right:5px;margin-left:5px}.currency-button::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255, 255, 255, 0.5);opacity:0;border-radius:100%;transform:scale(1, 1) translate(-50%);transform-origin:50% 50%}.currency-button:hover{background-color:#7c5cfa;box-shadow:0 6px 12px rgba(0, 0, 0, 0.15)}.currency-button:hover::after{animation:ripple 1s ease-out}.currency-button:focus{outline:none;box-shadow:0 0 0 3px rgba(142, 113, 253, 0.5)}@keyframes ripple{0%{transform:scale(0, 0);opacity:0.5}20%{transform:scale(25, 25);opacity:0.5}100%{opacity:0;transform:scale(40, 40)}}}@media (prefers-reduced-motion: reduce){.title{transition:none}.title:hover{transform:none}}.title-container{position:relative;text-align:center}.subtitle{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:bold;color:white;margin-bottom:2rem}.subtitle-text{margin-right:5px;/}.subtitle-icon{font-size:1rem;color:white}.title{font-size:5rem;font-weight:800;text-align:center;color:#ffffff;text-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);margin-top:0.2rem}.title:hover{transform:scale(1.03)}@media (max-width: 768px){.title{font-size:3rem}}@media (prefers-reduced-motion: reduce){.title{transition:none}.title:hover{transform:none}}.purchase-container{width:100%;max-width:750px;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:rgba(42, 42, 51, 0.5);border-radius:25px}.input-label{color:#9898a3;font-size:1.35rem;margin-bottom:0.75rem}.input-value{font-family:'Inter';font-style:normal;font-weight:700;font-size:50px;line-height:26px;text-align:left;color:#FFFFFF;width:150px;border-radius:10px;padding:0.75rem;width:100%;box-sizing:border-box;outline:none;border:none;background-color:transparent}.input-value:focus{outline:none;border:none}.input-left{display:flex;flex-direction:column;align-items:flex-start}.currency-badge,.robuxvalue{background-color:#1c1c23;padding:1rem 1.6rem;border-radius:1.125rem;display:flex;align-items:center;gap:0.75rem;font-family:'Inter';font-style:normal;font-weight:700;font-size:30px;line-height:26px;color:rgba(255, 255, 255, 0.5)}.currency-badge img,.robuxvalue img{width:30px;height:30px;object-fit:contain;order:2}.slider-container{position:relative;width:100%;height:45px;margin-top:2rem}.slider{-webkit-appearance:none;width:100%;height:9px;background:#2c2c35;border-radius:4.5px;outline:none;opacity:1;transition:opacity 0.2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:75px;height:36px;background:#FBDC70;border-radius:18px;cursor:pointer;transition:all 0.3s ease;opacity:0}.slider::-moz-range-thumb{width:75px;height:36px;background:#FBDC70;border-radius:18px;cursor:pointer;transition:all 0.3s ease;border:none;opacity:0}.slider-thumb{position:absolute;top:50%;left:0;width:75px;height:36px;background:#FBDC70;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;color:#1c1c23;pointer-events:none;transform:translate(-50%, -50%);transition:left 0.1s ease-out}.slider-value{position:absolute;left:0;transform:translateX(-50%);background:#FBDC70;color:black;padding:5px 10px;border-radius:18px;font-weight:bold;font-size:12px;pointer-events:none;opacity:0;transition:opacity 0.3s ease;text-align:center;min-width:60px}.slider:active + .slider-value,.slider:hover + .slider-value{opacity:1}@media (max-width: 768px){.slider-container{height:40px;margin-top:1.5rem}.slider{height:7px}.slider::-webkit-slider-thumb{width:60px;height:30px;border-radius:15px}.slider::-moz-range-thumb{width:60px;height:30px;border-radius:15px}.slider-value{top:-40px;font-size:14px;padding:4px 8px;left:calc(var(--value-percent, 0) * 1%);transform:translateX(-50%);min-width:50px}}@media (max-width: 320px){.slider::-webkit-slider-thumb{width:50px;height:25px;border-radius:12.5px}.slider::-moz-range-thumb{width:50px;height:25px;border-radius:12.5px}.slider-value{font-size:12px;padding:3px 6px;min-width:40px}}.robux-amount{position:absolute;top:-35%;transform:translateX(-50%) translateY(-50%);background:#FBDC70;padding:6px 18px;border-radius:18px;color:black;font-weight:bold;font-size:1.35rem;pointer-events:none}.buy-button{background:linear-gradient(45deg, #7c5cfc, #967bff);border:none;padding:1.5rem;border-radius:2rem;cursor:pointer;width:100%;margin-top:0.75rem;font-family:'Inter', sans-serif;font-weight:800;font-size:25px;line-height:26px;text-align:center;letter-spacing:0.04em;color:#FFFFFF;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 6px 30px -10px rgba(124, 92, 252, 0.5)}.buy-button:hover{transform:translateY(-3px);box-shadow:0 10px 40px -10px rgba(124, 92, 252, 0.7)}.buy-button:active{transform:translateY(1px)}.buy-button::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 60%);transform:scale(0);transition:transform 0.6s ease-out}.buy-button:hover::before{transform:scale(1)}.buy-button::after{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0) 60%);transform:rotate(45deg);transition:all 0.3s ease}.buy-button:hover::after{top:-30%;left:-30%}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(124, 92, 252, 0.4)}70%{box-shadow:0 0 0 15px rgba(124, 92, 252, 0)}100%{box-shadow:0 0 0 0 rgba(124, 92, 252, 0)}}.buy-button{animation:pulse 2s infinite}:root{--primary-color:#7c5cfc;--background-color:#22222a;--card-background:rgba(28, 28, 35, 0.8);--text-color:#ffffff;--text-secondary:#9898a3;--transition-speed:0.5s}.statistics{margin:6rem auto;text-align:center;max-width:1200px;padding:0 20px}.stats-title{color:var(--text-secondary);font-size:4rem;margin-bottom:3rem;position:relative;display:inline-block;letter-spacing:2px}.stats-title::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:var(--primary-color);transform:scaleX(0);transition:transform var(--transition-speed) ease}.stats-title:hover::after{transform:scaleX(1)}.stats-container{display:flex;gap:3rem;justify-content:center;perspective:1000px}.stats-card{word-wrap:break-word;flex:1;min-width:500px;max-width:580px;background-color:var(--card-background);padding:2rem;border-radius:50px;text-align:center;box-shadow:0 10px 30px rgba(124, 92, 252, 0.1);transition:all var(--transition-speed) cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0;transform:translateY(50px) rotateX(-10deg);backdrop-filter: blur(10px);border:0.5px solid rgba(124, 92, 252, 0.2);overflow:hidden;position:relative}.stats-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(124, 92, 252, 0.3) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-speed) ease, transform var(--transition-speed) ease}.stats-card:hover::before{opacity:1;transform:translate(25%, 25%)}.stats-card.animate{animation:cardEntrance 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards}.stats-card:hover{transform:translateY(-15px) rotateX(5deg) scale(1.05);box-shadow:0 20px 40px rgba(124, 92, 252, 0.2)}.icon-container{width:125px;height:125px;background-color:var(--background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative;overflow:hidden;transition:all var(--transition-speed) ease}.icon-container::before{content:'';position:absolute;inset:-2px;background:conic-gradient( from 0deg, transparent 0deg 340deg, var(--primary-color) 340deg 360deg );animation:rotate 4s linear infinite}.icon-container::after{content:'';position:absolute;inset:5px;background:var(--background-color);border-radius:50%;z-index:1}.stats-card:hover .icon-container{transform:scale(1.1) rotate(5deg)}.stat-icon{width:90px;height:90px;position:relative;z-index:2;transition:all var(--transition-speed) ease;filter: drop-shadow(0 0 10px rgba(124, 92, 252, 0.5))}.stats-card:hover .stat-icon{transform:scale(1.2);filter: drop-shadow(0 0 15px rgba(124, 92, 252, 0.8))}.stats-value{font-size:2.75rem;font-weight:bold;color:var(--text-color);margin-top:1.5rem;position:relative;text-shadow:0 0 10px rgba(124, 92, 252, 0.5);transition:all var(--transition-speed) ease}.stats-card:hover .stats-value{transform:scale(1.1);text-shadow:0 0 20px rgba(124, 92, 252, 0.8)}.stats-value::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:3px;background-color:var(--primary-color);transition:width var(--transition-speed) ease}.stats-card:hover .stats-value::after{width:60px}.stats-label{color:var(--text-secondary);font-size:1.5rem;margin-top:1.5rem;transition:all var(--transition-speed) ease}.stats-card:hover .stats-label{color:var(--text-color)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width: 768px){.stats-container{flex-direction:column;align-items:center;flex-wrap:wrap}.stats-card{width:80%;max-width:none}.stats-title{font-size:2rem}.icon-container{width:120px;height:120px}.stat-icon{width:80px;height:80px}.stats-value{font-size:2rem}.stats-label{font-size:1.75rem}}.news-section{margin:6rem auto;text-align:center;max-width:1400px;padding:0 clamp(1rem, 5vw, 3rem)}.news-title{color:#9898a3;font-size:clamp(2.5rem, 5vw, 3.5rem);margin-bottom:3rem;position:relative;display:inline-block;font-weight:700;letter-spacing:-0.02em}.news-title::after,.news-title::before{content:'';position:absolute;height:4px;bottom:-10px;background-color:#7c5cfc;transition:width 0.4s ease-out, left 0.4s ease-out, right 0.4s ease-out}.news-title::before{left:50%;width:0}.news-title::after{right:50%;width:0}.news-title:hover::after,.news-title:hover::before{width:50%}.news-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:clamp(1.5rem, 3vw, 2.5rem);perspective:1000px}.news-card{position:relative;height:auto;min-height:300px;border-radius:20px;overflow:hidden;background-color:#f8f8f8;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);transition:transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);display:flex;flex-direction:column}.news-card:hover{transform:rotateY(10deg) translateZ(20px);box-shadow:0 15px 40px rgba(124, 92, 252, 0.2)}.news-image{width:100%;height:100%;object-fit:cover;object-position:center}.news-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:white;transform:translateY(100%);transition:transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);z-index:1}.news-card:hover .news-content{transform:translateY(0)}.news-content h3{font-size:clamp(1.25rem, 3vw, 1.75rem);margin-bottom:1rem;font-weight:600;opacity:0;transform:translateY(20px);transition:opacity 0.4s ease, transform 0.4s ease}.news-card:hover .news-content h3{opacity:1;transform:translateY(0)}.news-button{background-color:#7c5cfc;border:none;padding:0.8rem 2rem;border-radius:50px;cursor:pointer;font-weight:600;font-size:1rem;color:#FFFFFF;transition:all 0.3s ease;text-decoration:none;display:inline-block;opacity:0;transform:translateY(20px);transition:background-color 0.3s ease, transform 0.4s ease, opacity 0.4s ease}.news-card:hover .news-button{opacity:1;transform:translateY(0)}.news-button:focus,.news-button:hover{background-color:#654de6;transform:translateY(-5px);box-shadow:0 5px 15px rgba(124, 92, 252, 0.4)}@media (hover: none){.news-card::before{opacity:1}.news-content{transform:translateY(0)}.news-button,.news-content h3{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.news-button,.news-card,.news-card-inner,.news-content,.news-content h3,.news-title::after,.news-title::before{transition:none}}@media screen and (max-width: 768px){.news-section{margin:4rem auto}.news-card{min-height:250px}.news-image{height:100%;object-fit:cover;object-position:center}.news-content{padding:1.5rem}.news-content h3{margin-bottom:0.75rem}.news-button{padding:0.6rem 1.5rem;font-size:0.9rem}}.faq-section{margin:6rem auto;text-align:center;max-width:800px;padding:0 20px}.faq-title{color:#9898a3;font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block;text-transform:uppercase;letter-spacing:2px}.faq-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:#7c5cfc;transition:width 0.3s ease}.faq-title:hover::after{width:100px}.faq-container{display:flex;flex-direction:column;gap:1.5rem}.faq-card{background-color:#2b2b34;border:2px solid #7c5cfc;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(124, 92, 252, 0.1)}.faq-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(124, 92, 252, 0.2)}.faq-question{font-size:1.2rem;font-weight:600;color:#ffffff;display:flex;justify-content:space-between;align-items:center;transition:color 0.3s ease}.faq-question::after{content:'+';font-size:1.5rem;transition:transform 0.3s ease, color 0.3s ease}.faq-card.active .faq-question::after{transform:rotate(45deg);color:#7c5cfc}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.5s ease, opacity 0.5s ease, margin-top 0.5s ease;opacity:0;color:#9898a3;font-size:1rem;line-height:1.6;text-align:left}.faq-card.active .faq-answer{max-height:1000px;margin-top:1rem;opacity:1}.faq-card.active .faq-question{color:#7c5cfc}@media (max-width: 768px){.faq-section{margin:4rem auto}.faq-title{font-size:2rem}.faq-card{padding:1.25rem}.faq-question{font-size:1.1rem}.faq-answer{font-size:0.9rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faq-card{animation:fadeInUp 0.5s ease-out;animation-fill-mode:both}.faq-card:nth-child(1){animation-delay:0.1s}.faq-card:nth-child(2){animation-delay:0.2s}.faq-card:nth-child(3){animation-delay:0.3s}.footer{background-color:#1c1c23;color:#9898a3;padding:5rem 2rem;font-size:1rem;line-height:1.8;position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, #a48eff, #714dff, #a48eff);animation:gradient 8s ease infinite;background-size:200% 200%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.footer-content{display:flex;justify-content:center;flex-wrap:wrap;gap:6rem;max-width:1400px;margin:0 auto;position:relative}.footer-section{flex:0 1 300px;text-align:left;transition:transform 0.3s ease}.footer-section:hover{transform:translateY(-5px)}.footer-title{color:#ffffff;font-size:1.4rem;margin-bottom:1.8rem;position:relative;display:inline-block;font-weight:700;letter-spacing:1px;text-transform:uppercase}.footer-title::after{content:'';position:absolute;bottom:-10px;left:0;width:40px;height:3px;background-color:#7c5cfc;transition:width 0.3s ease, background-color 0.3s ease}.footer-title:hover::after{width:100%;background-color:#9a82fd}.footer-links{margin-left:-12.5px;list-style:none;padding:0;text-align:left}.footer-links li{margin-bottom:1rem}.footer-links a{color:#9898a3;text-decoration:none;transition:color 0.3s ease, transform 0.3s ease;display:inline-block;position:relative;padding-left:15px}.footer-links a::before{position:absolute;left:0;opacity:0;transition:opacity 0.3s ease, transform 0.3s ease}.footer-links a:hover{color:#7c5cfc;transform:translateX(5px)}.footer-links a:hover::before{opacity:1;transform:translateX(5px)}.footer-social{display:flex;gap:1.5rem;margin-top:2rem;justify-content:flex-start}.footer-social a{color:#9898a3;font-size:1.8rem;transition:color 0.3s ease, transform 0.3s ease;position:relative}.footer-social a::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:#7c5cfc;top:0;left:0;opacity:0;transform:scale(0.8);transition:opacity 0.3s ease, transform 0.3s ease;z-index:-1}.footer-social a:hover{color:#ffffff;transform:translateY(-5px) scale(1.1)}.footer-social a:hover::after{opacity:1;transform:scale(1)}.footer-bottom{margin-top:4rem;text-align:center;padding-top:2rem;border-top:1px solid #2b2b34;font-size:0.9rem;opacity:0.8;position:relative}.footer-bottom::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:#7c5cfc}@media (max-width: 1200px){.footer-content{gap:4rem}}@media (max-width: 768px){.footer{padding:4rem 1.5rem}.footer-content{flex-direction:column;gap:3rem;align-items:flex-start}.footer-section{flex-basis:100%}.footer-social{justify-content:flex-start}.footer-bottom{margin-top:3rem}}@media (max-width: 480px){.footer{padding:3rem 1rem}.footer-title{font-size:1.2rem}.footer-social{flex-wrap:wrap}}.sidebar{position:fixed;top:0;right:-100%;width:400px;height:100%;background-color:#262630;transition:right 0.5s ease-in-out, opacity 0.5s ease-in-out;z-index:1000;padding:32px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3)}.sidebar.open{right:0;opacity:1}.sidebar-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.sidebar-content{display:flex;flex-direction:column;gap:24px;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out}.sidebar-title{color:#ffffff;font-size:1.5rem;margin-bottom:16px}.input-field{width:100%;padding:12px;border:2px solid #627AD3;border-radius:8px;background-color:#2b2b34;color:#ffffff;font-size:1rem;margin-bottom:1rem;transition:border-color 0.3s ease}.input-field:focus{outline:none;border-color:#7c5cfc}.login-button,.register-button{width:100%;padding:12px;background-color:#7c5cfc;color:#ffffff;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-bottom:1rem;transition:background-color 0.3s ease}.login-button:hover,.register-button:hover{background-color:#6b52e0}.back-link,.register-link{color:#7c5cfc;font-size:0.9rem;cursor:pointer;text-align:center;margin-top:0.5rem}.user-info{display:none;align-items:center;background-color:#2b2b34;border-radius:20px;padding:10px 20px;cursor:pointer;gap:10px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.3);transition:background-color 0.3s, transform 0.3s;animation:fadeIn 0.5s ease-in-out;position:absolute;right:3rem}.user-info:hover{background-color:#343440;transform:scale(1.05)}.user-avatar{border-radius:50%;width:40px;height:40px;border:2px solid #7c5cfc}.user-name{color:#ffffff;font-size:1rem;font-weight:600}.dropdown-arrow{transition:transform 0.3s}.dropdown-menu{display:none;position:absolute;top:110%;left:0;background-color:#2b2b34;border-radius:10px;padding:10px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);margin-top:10px;z-index:10;opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity 0.3s, transform 0.3s}.dropdown-menu.active{display:block;opacity:1;transform:scaleY(1)}.dropdown-menu .dropdown-item{color:#ffffff;padding:5px 10px;cursor:pointer;transition:background-color 0.2s;text-decoration:none}.dropdown-menu .dropdown-item:hover{background-color:#373745}.notification{position:fixed;bottom:20px;right:20px;background-color:#323232;color:white;padding:16px;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);display:none;z-index:1000;animation:fadeInOut 5s forwards}.robux-icon{width:40px;height:40px;background-image:url('https://raw.githubusercontent.com/OGDuper/Logo/refs/heads/main/robux');background-size:contain;background-repeat:no-repeat}.error{border-color:#ff4d4f;box-shadow:0 0 8px rgba(255, 77, 79, 0.5)}.error-message{color:red;font-size:1rem;margin-top:0.5rem;text-align:left;display:block}.toggle-password{cursor:pointer;margin-top:-30px;margin-right:10px;align-self:flex-end}.logo{position:absolute;left:1.5rem;height:90px;width:auto;animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.faq-answer{display:none;margin-top:10px;color:#9898a3;font-size:1rem;text-align:left}.faq-card.active .faq-answer{display:block}@media (max-width: 768px){body{font-size:1rem}.purchase-container{max-width:300px}.subtitle{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:bold;color:white;margin-bottom:0.5rem}.subtitle-text{margin-right:5px}.subtitle-icon{font-size:1rem;color:white}.title{font-size:2.625rem}.main-content{margin-top:20px;border-radius:25px;padding:1.3rem;gap:0.1rem;max-width:350px;font-size:0.5rem}#user-info{display:none !important}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;background-color:#1c1c23;background-color:rgba(35, 35, 44, 0.5);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}.logo{margin-right:auto}.nav-links{display:flex;flex-direction:column;align-items:center;position:absolute;top:80px;left:0;right:0;background-color:#1c1c23;width:100%;text-align:center;padding:1rem 0;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);z-index:999;visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.3s ease}.nav-links.show{margin-top:-32.5px;visibility:visible;opacity:1;transition:opacity 0.3s ease;background-color:rgba(35, 35, 44, 0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.login-btn,.nav-links{display:block}.menu-item{display:flex;align-items:center;padding:1rem 0;width:100%;color:white;text-decoration:none;font-size:20px;gap:10px}.menu-item i{font-size:20px}.menu-item:hover{color:#7557ec;transform:scale(1.1)}.nav-links a{display:block;padding:1rem 0;width:100%;color:white;text-decoration:none}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icon{color:#fff;font-size:28px;transition:all 0.3s ease}.social-icon:hover{color:#7557ec;transform:scale(1.1)}.menu-toggle{position:absolute;right:3rem;display:block;order:3;background:none;border:none;padding:0;cursor:pointer}.login-btn{height:40px;width:80px;margin-left:170px;order:2;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Inter', sans-serif;font-weight:700}.title{font-size:2rem}.input-group{padding:1rem;border-radius:1rem}.input-label{font-size:1rem}.input-value{font-size:2.5rem}.currency-badge{padding:0.8rem 1rem}.robuxvalue{padding:0.5rem 1rem;border-radius:0.75rem;font-size:0.875rem;margin-left:-20px}.buy-button{padding:1rem;font-size:1rem}.stats-container{flex-direction:column;align-items:center;gap:3rem;flex-wrap:wrap}.stats-card{min-width:330px;word-wrap:break-word;flex-shrink:0;width:200px;height:150px;background-color:#1c1c23;padding:50px;border-radius:48px;text-align:center;box-shadow:0 0 25px #8a6dff;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer{flex-direction:column;gap:1rem}.sidebar{width:100%;right:-100%}.stats-value{font-size:35px;font-weight:bold;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.stats-value img{filter: brightness(0) invert(1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{right:-400px;opacity:0}to{right:0;opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}}#sliderContainer{display:block;transition:opacity 0.3s ease, visibility 0.3s ease}#sliderContainer.hidden{opacity:0;visibility:hidden;height:0;overflow:hidden}.mode-toggle{display:flex;justify-content:center;margin-bottom:20px}.mode-toggle label{display:inline-flex;align-items:center;cursor:pointer;margin:0 10px;font-family:'Inter', sans-serif;font-size:14px;color:#9898a3}.mode-toggle input[type="radio"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #7c5cfc;border-radius:50%;margin-right:8px;outline:none;transition:all 0.3s ease}.mode-toggle input[type="radio"]:checked{background-color:#7c5cfc;box-shadow:0 0 5px rgba(124, 92, 252, 0.5)}.mode-toggle input[type="radio"]:hover{border-color:#967bff}.mode-toggle label:hover{color:#ffffff}@media (max-width: 768px){.mode-toggle{flex-direction:column;align-items:center}.mode-toggle label{margin:5px 0}}.purchase-container.compact{gap:0.5rem;padding-bottom:1rem;max-height:350px}.purchase-container.compact .buy-button{margin-top:0;align-self:flex-start}@media (min-width: 768px){.social-icon{display:none}}.separator{height:1px;background-color:#967bff;margin:20px 0;width:50%;margin-left:auto;margin-right:auto}@media (min-width: 768px){.separator{display:none}}
        </style>
</head>
<body>

    
    <canvas id="snow"></canvas>

    <div id="telegram-contest-overlay" class="telegram-contest-overlay"></div>
    <div id="telegram-contest-modal" class="telegram-contest-modal">
        <div class="telegram-contest-content">
            <h2>Конкурс в Telegram!</h2>
            <p>Участвуйте в нашем конкурсе в Telegram и выиграйте 100,000 робуксов! Не упустите эту удивительную возможность!</p>
            <div class="telegram-contest-buttons">
                <button id="telegram-contest-participate" class="telegram-contest-button participate">
                    <span class="button-icon"></span>
                    Участвовать
                </button>
                <button id="telegram-contest-close" class="telegram-contest-button close">
                    <span class="button-icon"></span>
                    Закрыть
                </button>
            </div>
        </div>
    </div>
    
    <nav class="navbar">
        <img src="pics/logo2.png" alt="Logo" class="logo">
        
<button class="menu-toggle" id="mobileMenuButton">
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M3 12h18M3 6h18M3 18h18" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</button>

<div class="nav-links" id="navLinks">
    <a href="#" id="navBuyRobux" class="menu-item">
        <i class="fas fa-shopping-cart"></i> Покупка робуксов
    </a>
    <a href="#" id="navRewards" class="menu-item">
        <i class="fas fa-gift"></i> Награды
    </a>
    <a href="#" id="navFAQ" class="menu-item">
        <i class="fas fa-question-circle"></i> F.A.Q.
    </a>
    
    <div class="separator"></div>

    <a href="https://t.me/rbxmarket_ru" target="_blank" class="social-icon">
        <i class="fab fa-telegram-plane"></i>
        Telegram
    </a>
    <a href="https://vk.com/rbxmarketru" target="_blank" class="social-icon">
        <i class="fab fa-vk"></i>
        VK
    </a>
</div>
        
        

        
        

        <div id="user-info" class="user-info">
            <img id="user-avatar" src="avatar.png" alt="User Avatar" class="user-avatar">
            <span id="user-name" class="user-name">Username</span>
            <svg id="dropdownArrow" class="dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M7 10l5 5 5-5" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
<div class="dropdown-menu" id="dropdownMenu">
    <a href="/purchases" class="dropdown-item" style="display: inline-flex; align-items: center; gap: 0.5rem;">
        <span class="material-symbols-outlined">payments</span>
        Транзакции
    </a>
    <div class="dropdown-item" id="logoutButton" style="display: inline-flex; align-items: center; gap: 0.5rem;">
        <span class="material-symbols-outlined" style="font-size: 24px;">logout</span>
        Выход
    </div>
</div>
        </div>
    </nav>

    <div class="sidebar" id="sidebar">
        <button class="sidebar-close" id="closeSidebar">×</button>
        <div id="loginForm">
            <h2 class="sidebar-title">Вход в аккаунт</h2>
            <form action="#" method="post">
                <input type="email" id="emailLogin" class="input-field" placeholder="Введите вашу почту" autocomplete="username">
                <input type="password" id="passwordLogin" class="input-field" placeholder="Введите ваш пароль" autocomplete="current-password">
                <div class="error-message" id="loginErrorMessage"></div>
                <button type="submit" class="login-button" id="loginButton">Войти</button>
            </form>
            <p class="register-link" id="showRegisterForm">Ещё нет аккаунта? Зарегистрируйтесь</p>
        </div>
        <div id="registerForm" style="display: none;">
            <h2 class="sidebar-title">Регистрация</h2>
            <form action="#" method="post">
                <input type="text" id="nicknameRegister" class="input-field" placeholder="Введите ваш никнейм">
                <input type="email" id="emailRegister" class="input-field" placeholder="Введите вашу почту" autocomplete="username">
                <input type="password" id="passwordRegister" class="input-field" placeholder="Введите ваш пароль" autocomplete="new-password">
                <input type="password" id="confirmPasswordRegister" class="input-field" placeholder="Подтвердите ваш пароль" autocomplete="new-password">
                <span class="toggle-password" id="togglePasswordVisibility">Показать/Скрыть пароли</span>
                <div class="error-message" id="registerErrorMessage"></div>
                <button type="submit" class="register-button" id="registerButton">Зарегистрироваться</button>
            </form>
            <p class="back-link" id="backToLogin">← Назад к Входу</p>
            <p class="terms-text">
                Осуществляя вход вы соглашаетесь с пользовательским соглашением и политикой конфиденциальности
            </p>
        </div>
    </div>

    <div class="top-info">
        <div class="buy-text">Покупай</div>
        <div class="course-info">
            <span class="course-text">по курсу <span class="course-rate">1.4</span></span>
            <img src="pics\title.png" alt="robux icon" class="robuxtitle">
        </div>
    </div>

    <div class="title-container" id="top">
        <div class="subtitle">
            <span class="subtitle-text">Лучший курс</span>
            <i class="fas fa-star subtitle-icon"></i> 
        </div>
    </div>
    
<main class="main-content" id="main-content">
    <div class="input-group">
        <div class="input-left">
            <label class="input-label" for="rubles">Ты платишь</label>
            <input class="input-value" id="rubles" type="text" value="30" oninput="validateRubles(this)" />
            <div class="error-message" id="rublesError"></div> 
        </div>
        <div class="currency-badge">₽</div>
    </div>
    <div>
        <button class="currency-button" onclick="setRubles(100)">100 ₽</button>
        <button class="currency-button" onclick="setRubles(250)">250 ₽</button>
        <button class="currency-button" onclick="setRubles(500)">500 ₽</button>
    </div>
        <div class="input-group">
            <div class="input-left">
                <label class="input-label" for="robux">Ты получаешь</label>
                <input class="input-value" id="robux" type="text" value="42" oninput="validateRobux(this)" />
            </div>
            <div class="robuxvalue">
                <img src="https://raw.githubusercontent.com/OGDuper/Logo/refs/heads/main/robux.svg" alt="robux icon">
            </div>
        </div>
    </div>

    <button type="button" class="buy-button" id="buyButton">Купить робуксы</button>

    <div id="overlay" class="overlay"></div>
    
    <div id="tutorialModal" class="modal">
        <div class="modal-content">
            <button class="close-button" id="closeButton">&times;</button>
            
            <h2>Для начала посмотрите туториал по покупке робуксов</h2>
            
            <div class="tutorial-link-container">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/DWoRrl_HcPM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
            
            <div class="checkbox-container">
                <input type="checkbox" id="tutorialCheckbox">
                <label for="tutorialCheckbox">Я посмотрел</label>
            </div>
            <div>
                <button id="continueButton" class="continue-button" disabled>Продолжить</button>
            </div>
        </div>
    </div>

            <form action="payment.php" method="post" id="paymentForm">
                <input type="hidden" name="amount" id="hiddenAmount" value="500">
                <input type="hidden" name="robux" id="hiddenRobux" value="500">
            </form>
        </div>
    </main>

    <div class="statistics">
        <h2 class="stats-title">Статистика</h2>
        <div class="stats-container">
            <div class="stats-card">
                <div class="icon-container">
                    <img src="https://raw.githubusercontent.com/OGDuper/Logo/refs/heads/main/sells.png" alt="Icon" class="stat-icon">
                </div>
                <div class="stats-label">Курс за 1 рубль</div>
                <div class="stats-value">1.4</div>
            </div>
            <div class="stats-card">
                <div class="icon-container">
                    <img src="https://raw.githubusercontent.com/OGDuper/Logo/refs/heads/main/trans.png" alt="Icon" class="stat-icon">
                </div>
                <div class="stats-label">Робуксов куплено</div>
                <div class="stats-value">2.000.000+</div>
            </div>
            <div class="stats-card">
                <div class="icon-container">
                    <img src="https://raw.githubusercontent.com/OGDuper/Logo/refs/heads/main/realtrans2.png" alt="Icon" class="stat-icon">
                </div>
                <div class="stats-label">Покупок</div>
                <div class="stats-value">4.000+</div>
            </div>
        </div>
    </div>
    
    

    <div class="news-section">
        <h2 class="news-title">Актуальные новости</h2>
        <div class="news-container">
            <div class="news-card">
                <img src="pics\widgets\first.jpg" alt="Telegram канал" class="news-image">
                <div class="news-content">
                    <h3>Покупай по праздничному курсу!</h3>
                    <a href="#top" class="news-button">Купить!</a>
                </div>
            </div>
            <div class="news-card">
                <img src="pics\widgets\giveaway.jpg" alt="Розыгрыш" class="news-image">
                <div class="news-content">
                    <h3>Розыгрыш 100.000 робуксов</h3>
                    <a href="https://t.me/rbxmarketruru/62" class="news-button">Перейти</a>
                </div>
            </div>
        </div>
    </div>
    

    <div class="faq-section" id="faq-section">
        <h2 class="faq-title">F.A.Q.</h2>
        <div class="faq-container">
            <div class="faq-card">
                <div class="faq-question">Как купить робуксы?</div>
                <div class="faq-answer">Вы можете выбрать количество робуксов, настроить оплату и получить их на ваш аккаунт.</div>
            </div>
            <div class="faq-card">
                <div class="faq-question">Сколько робуксов в наличии?</div>
                <div class="faq-answer">На данный момент в наличии более 3,000,000 робуксов для быстрой покупки.</div>
            </div>
            <div class="faq-card">
                <div class="faq-question">Сколько занимает доставка?</div>
                <div class="faq-answer">Доставка обычно занимает 5-10 минут после оплаты.</div>
            </div>
        </div>
    </div>



    <footer class="footer">
        <div class="footer-content">
            <div class="footer-section">
                <h3 class="footer-title">Контакты</h3>
                <ul class="footer-links">
                    <li><a href="mailto:contact@rbxmarket.ru"><i class="fas fa-envelope"></i> contact@rbxmarket.ru</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3 class="footer-title">Соглашения</h3>
                <ul class="footer-links">
                    <li><a href="terms"><i class="fas fa-gavel"></i> Пользовательское соглашение</a></li>
                    <li><a href="privacy-policy"><i class="fas fa-shield-alt"></i> Политика конфиденциальности</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3 class="footer-title">Социальные сети</h3>
                <ul class="footer-links">
                    <li><a href="https://vk.com/rbxmarketru"><i class="fab fa-vk"></i> ВКонтакте</a></li>
                    <li><a href="https://t.me/rbxmarketruru"><i class="fab fa-telegram"></i> Telegram</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <script>
    const maxRubles = 3571.43;
    const maxRobux = 5000;

    // Функция для валидации рублей
    function validateRubles(input) {
        let value = parseFloat(input.value.replace(/\D/g, '')); // убираем все нецифровые символы

        // Если поле пустое, ничего не делаем
        if (input.value === '') {
            document.getElementById('rublesError').innerText = '';
            return;
        }

        // Если введённое значение больше максимума, ограничиваем его
        if (value > maxRubles) {
            value = maxRubles;
            input.value = value.toFixed(2); // Ограничиваем до 2 знаков после запятой
            document.getElementById('rublesError').innerText = `Максимум: ${maxRubles} ₽`;
        } else {
            document.getElementById('rublesError').innerText = ''; // Ошибка исчезает, если вводимое значение меньше лимита
        }
    }

    // Функция для валидации робуксов
    function validateRobux(input) {
        let value = parseInt(input.value.replace(/\D/g, '')); // убираем все нецифровые символы
        if (value > maxRobux) {
            value = maxRobux;
            input.value = value;
        }
    }
    </script>
    <script src="js/script.js"></script>
    <script src="js/snow.js"></script>
</body> 
</html>