:root{--primary-blue:#0a192f;--secondary-blue:#112240;--accent-blue:#1e3a8a;--bright-blue:#3b82f6;--light-blue:#60a5fa;--purple:#8b5cf6;--pink:#ec4899;--cyan:#06b6d4;--emerald:#10b981;--gradient-start:#0f172a;--gradient-mid:#1e3a8a;--gradient-end:#3b82f6;--gradient-purple:#8b5cf6;--gradient-pink:#ec4899;--gradient-cyan:#06b6d4;--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-bright:#f0f9ff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--border-color:rgba(59, 130, 246, 0.3);--card-bg:rgba(30, 58, 138, 0.4);--shadow:0 10px 40px rgba(0, 0, 0, 0.3);--shadow-lg:0 20px 60px rgba(0, 0, 0, 0.4);--glow-blue:0 0 20px rgba(59, 130, 246, 0.5);--glow-purple:0 0 20px rgba(139, 92, 246, 0.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(circle at 20% 50%,rgb(139 92 246 / .15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(236 72 153 / .15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgb(6 182 212 / .15) 0%,transparent 50%),linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 30%,var(--gradient-purple) 60%,var(--gradient-end) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgb(59 130 246 / .1) 0%,transparent 40%),radial-gradient(circle at 90% 60%,rgb(139 92 246 / .1) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgb(236 72 153 / .1) 0%,transparent 40%);pointer-events:none;z-index:0}main{position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:rgb(15 23 42 / .8);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;padding:1rem 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo h1{font-family:'Orbitron',sans-serif;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--light-blue) 0%,var(--bright-blue) 50%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:.2rem;text-shadow:0 0 30px rgb(59 130 246 / .5);animation:glow 3s ease-in-out infinite alternate;transition:all 0.3s ease}.logo h1:hover{transform:scale(1.05);filter:brightness(1.2)}@keyframes glow{from{filter:drop-shadow(0 0 5px rgb(59 130 246 / .5))}to{filter:drop-shadow(0 0 20px rgb(139 92 246 / .8))}}.logo-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:300}.nav{display:flex;gap:2rem;flex:1;justify-content:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:1.05rem;transition:all 0.3s ease;position:relative;padding:.5rem 0;text-shadow:0 2px 10px rgb(0 0 0 / .3)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--bright-blue),var(--light-blue));transition:width 0.3s ease}.nav-link:hover,.nav-link.active{color:var(--text-bright);text-shadow:0 0 15px rgb(59 130 246 / .8);transform:translateY(-2px)}.nav-link:hover::after,.nav-link.active::after{width:100%}.header-actions{display:flex;gap:1rem}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:#fff0;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all 0.3s ease}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-align:center;font-family:'Inter',sans-serif}.btn-primary{background:linear-gradient(135deg,var(--bright-blue) 0%,var(--light-blue) 50%,var(--purple) 100%);color:var(--text-primary);font-weight:600;box-shadow:0 4px 15px rgb(59 130 246 / .3);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(59 130 246 / .5),0 0 20px rgb(139 92 246 / .3)}.btn-gradient{background:linear-gradient(135deg,var(--bright-blue) 0%,var(--light-blue) 50%,var(--purple) 100%);color:var(--text-primary);font-weight:600;box-shadow:0 4px 15px rgb(59 130 246 / .3);position:relative;overflow:hidden}.btn-gradient::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.btn-gradient:hover::before{left:100%}.btn-gradient:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgb(59 130 246 / .5),0 0 20px rgb(139 92 246 / .3)}.btn-outline{background:#fff0;border:2px solid var(--bright-blue);color:var(--bright-blue)}.btn-outline:hover{background:var(--bright-blue);color:var(--text-primary)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.btn-success{background:var(--success);color:var(--text-primary)}.btn-success:hover{background:#059669;transform:translateY(-2px)}.hero{position:relative;padding:8rem 0 6rem;overflow:hidden}.hero-content{text-align:center;position:relative;z-index:2}.hero-title{font-family:'Orbitron',sans-serif;font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-bright) 0%,var(--light-blue) 30%,var(--bright-blue) 60%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1.2;text-shadow:0 0 40px rgb(59 130 246 / .5);animation:titleGlow 4s ease-in-out infinite alternate;letter-spacing:-.02em}.hero-title .gradient-text{background:linear-gradient(135deg,var(--light-blue) 0%,var(--purple) 50%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:gradientShift 3s ease-in-out infinite alternate}@keyframes gradientShift{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(20deg)}}@keyframes titleGlow{from{filter:drop-shadow(0 0 10px rgb(59 130 246 / .4))}to{filter:drop-shadow(0 0 30px rgb(139 92 246 / .6))}}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.3rem);color:var(--text-bright);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;font-weight:500;text-shadow:0 2px 10px rgb(0 0 0 / .3);letter-spacing:.01em}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--bright-blue),transparent);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--light-blue),transparent);bottom:-150px;right:-150px;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--accent-blue),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}section{padding:5rem 0;position:relative}.section-title{font-family:'Orbitron',sans-serif;font-size:clamp(2rem, 4vw, 3rem);font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,var(--text-bright) 0%,var(--light-blue) 40%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;text-shadow:0 0 30px rgb(59 130 246 / .4);letter-spacing:-.01em;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--bright-blue),var(--purple),transparent);border-radius:2px}.rates-section{background:rgb(15 23 42 / .3);backdrop-filter:blur(10px)}.rates-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.rate-tab{padding:.75rem 2rem;background:rgb(30 58 138 / .3);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.rate-tab:hover{border-color:var(--bright-blue);color:var(--text-primary);transform:translateY(-2px)}.rate-tab.active{background:linear-gradient(135deg,var(--bright-blue) 0%,var(--purple) 100%);border-color:var(--bright-blue);color:var(--text-primary);box-shadow:0 4px 15px rgb(59 130 246 / .4)}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.rate-card{background:linear-gradient(135deg,rgb(30 58 138 / .4) 0%,rgb(139 92 246 / .2) 100%);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}.rate-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(59 130 246 / .1),transparent);transition:left 0.5s ease}.rate-card:hover::before{left:100%}.rate-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--bright-blue);box-shadow:var(--shadow),0 0 30px rgb(59 130 246 / .3);background:linear-gradient(135deg,rgb(30 58 138 / .5) 0%,rgb(139 92 246 / .3) 100%)}.rate-card .currency-icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.rate-card .currency-image{width:48px;height:48px;border-radius:50%;background:rgb(15 23 42 / .6);padding:4px;transition:transform 0.3s ease}.rate-card:hover .currency-image{transform:scale(1.1) rotate(5deg)}.rate-card .currency{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--light-blue)}.rate-card .price{font-size:1.5rem;font-weight:700;font-family:'Orbitron',sans-serif;margin-bottom:.5rem}.rate-card .change{font-size:.9rem;font-weight:500}.rate-card .change.positive{color:var(--success)}.rate-card .change.negative{color:var(--error)}.rate-loader{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--bright-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.exchange-section{background:rgb(15 23 42 / .2)}.exchange-wrapper{max-width:600px;margin:0 auto}.exchange-form{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary);font-size:.9rem}.form-hint{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted);font-style:italic}.select-wrapper{position:relative}.form-select,.form-input{width:100%;padding:1rem;background:rgb(15 23 42 / .6);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:'Inter',sans-serif;transition:all 0.3s ease}.form-select:focus,.form-input:focus{outline:none;border-color:var(--bright-blue);box-shadow:0 0 0 3px rgb(59 130 246 / .1)}.form-input[readonly]{background:rgb(15 23 42 / .4);cursor:not-allowed}.exchange-arrow{text-align:center;margin:1rem 0;color:var(--bright-blue);animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.exchange-rate-info{display:flex;justify-content:space-between;padding:1rem;background:rgb(15 23 42 / .4);border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-secondary)}.order-form{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-lg);margin-top:2rem}.order-form h3{font-family:'Orbitron',sans-serif;font-size:1.5rem;margin-bottom:1.5rem;color:var(--light-blue)}.order-summary{background:rgb(15 23 42 / .4);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:1rem}.summary-item:last-child{margin-bottom:0}.summary-item span:first-child{color:var(--text-secondary)}.summary-item span:last-child,.summary-item .summary-value{font-weight:600;color:var(--light-blue);font-size:1.1rem}.payment-info{background:rgb(16 185 129 / .1);border:1px solid rgb(16 185 129 / .3);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.payment-info h4{margin-bottom:1rem;color:var(--success)}.wallet-address-display{display:flex;align-items:center;gap:1rem;background:rgb(15 23 42 / .6);padding:1rem;border-radius:8px;margin-bottom:1rem}.wallet-address-display code{flex:1;font-family:'Courier New',monospace;font-size:.9rem;word-break:break-all;color:var(--light-blue)}.card-details{margin-bottom:1rem}.card-details:last-child{margin-bottom:0}.card-number{display:block;font-family:'Courier New',monospace;font-size:1.1rem;font-weight:600;color:var(--light-blue);padding:.75rem;background:rgb(15 23 42 / .6);border-radius:8px;margin:.5rem 0;letter-spacing:2px}.copy-btn{padding:.5rem 1rem;background:var(--bright-blue);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-weight:600;transition:all 0.3s ease}.copy-btn:hover{background:var(--light-blue)}.payment-warning{color:var(--warning);font-size:.9rem;margin-top:.5rem}.payment-timer{background:rgb(245 158 11 / .1);border:2px solid rgb(245 158 11 / .3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:center;display:none}.payment-timer.timer-expired{background:rgb(239 68 68 / .1);border-color:rgb(239 68 68 / .3)}.timer-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.timer-display{font-family:'Orbitron',monospace;font-size:2rem;font-weight:700;color:var(--warning);text-shadow:0 0 10px rgb(245 158 11 / .5)}.payment-timer.timer-expired .timer-display{color:var(--error);text-shadow:0 0 10px rgb(239 68 68 / .5)}.payment-details{background:rgb(15 23 42 / .4);border-radius:8px;padding:1rem;margin-top:1rem}.payment-qr-info p{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem}.payment-qr-info strong{color:var(--text-primary)}.payment-status{margin:1.5rem 0}.status-checking{text-align:center;padding:1.5rem}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--bright-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.status-checking p{color:var(--text-secondary);font-size:.9rem}.features-section{background:rgb(15 23 42 / .3)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s ease}.feature-card:hover{transform:translateY(-10px);border-color:var(--bright-blue);box-shadow:var(--shadow)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-family:'Orbitron',sans-serif;font-size:1.3rem;margin-bottom:.75rem;color:var(--light-blue)}.feature-card p{color:var(--text-secondary);line-height:1.6}.cta-section{background:rgb(15 23 42 / .4);text-align:center}.cta-content h2{font-family:'Orbitron',sans-serif;font-size:clamp(2rem, 4vw, 3rem);margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.footer{background:rgb(10 25 47 / .9);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{font-family:'Orbitron',sans-serif;margin-bottom:1rem;color:var(--light-blue)}.footer-section p{color:var(--text-secondary);line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease}.footer-section ul li a:hover{color:var(--light-blue)}.order-step{transition:all 0.4s ease}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:rgb(30 58 138 / .3);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:all 0.3s ease}.step-number.active{background:linear-gradient(135deg,var(--bright-blue),var(--purple));border-color:var(--bright-blue);color:var(--text-primary);box-shadow:0 0 20px rgb(59 130 246 / .4)}.step-line{width:60px;height:2px;background:var(--border-color);transition:all 0.3s ease}.step-number.active+.step-line{background:linear-gradient(90deg,var(--bright-blue),var(--purple))}.success-message{text-align:center;padding:2rem}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--success),#059669);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-primary);margin:0 auto 1.5rem;animation:successPulse 0.6s ease}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.success-message h3{font-family:'Orbitron',sans-serif;font-size:2rem;color:var(--light-blue);margin-bottom:1rem}.success-message p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;font-size:1.1rem}.success-info{background:rgb(16 185 129 / .1);border:1px solid rgb(16 185 129 / .3);border-radius:10px;padding:1rem;margin-top:1.5rem}.success-info a{color:var(--success);text-decoration:none;font-weight:600}.success-info a:hover{text-decoration:underline}.notification{position:fixed;top:100px;right:20px;background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;color:var(--text-primary);font-weight:500;box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transform:translateX(400px);transition:all 0.3s ease;max-width:350px}.notification-show{opacity:1;transform:translateX(0)}.notification-success{border-color:var(--success);background:rgb(16 185 129 / .2)}.notification-error{border-color:var(--error);background:rgb(239 68 68 / .2)}.notification-info{border-color:var(--bright-blue);background:rgb(59 130 246 / .2)}@media (max-width:768px){.notification{right:10px;left:10px;max-width:none;top:80px}.exchange-form,.order-form{padding:1.5rem}.order-step{padding:0}.step-indicator{margin-bottom:1.5rem}.step-number{width:35px;height:35px;font-size:.9rem}.step-line{width:40px}.success-icon{width:60px;height:60px;font-size:2rem}.success-message h3{font-size:1.5rem}.form-input,.form-select{font-size:16px}*{-webkit-tap-highlight-color:#fff0}.btn:active{transform:scale(.98)}}.exchange-form,.order-form{will-change:transform,opacity}.rate-card,.feature-card{will-change:transform}img[loading="lazy"]{opacity:0;transition:opacity 0.3s}img[loading="lazy"].loaded{opacity:1}@media (max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgb(15 23 42 / .95);backdrop-filter:blur(10px);flex-direction:column;padding:1rem;border-top:1px solid var(--border-color)}.nav.active{display:flex}.mobile-menu-toggle{display:flex}.header-actions{display:none}.hero{padding:4rem 0 3rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.exchange-form,.order-form{padding:1.5rem}.rates-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}section{padding:3rem 0}}@media (max-width:480px){.container{padding:0 15px}.logo h1{font-size:1.4rem}.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.exchange-form,.order-form{padding:1rem}.order-summary{padding:1rem}.success-message{padding:1.5rem 1rem}.success-message h3{font-size:1.3rem}.success-message p{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media (max-width:768px){.hero-background .gradient-orb{display:none}.hero-background .orb-1,.hero-background .orb-2,.hero-background .orb-3{display:none}.rate-card:hover{transform:translateY(-3px)}.feature-card:hover{transform:translateY(-5px)}}@font-face{font-family:'Inter';font-display:swap}@font-face{font-family:'Orbitron';font-display:swap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}