html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.015) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.01) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,212,170,.008) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.003) 2px,rgba(255,255,255,.003) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.002) 2px,rgba(255,255,255,.002) 4px),linear-gradient(135deg,#1a1a1a,#1e1e1e,#242424,#1f1f1f,#1a1a1a)}[data-theme=light] body{background:radial-gradient(circle at 20% 50%,rgba(0,0,0,.008) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.005) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,212,170,.015) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.002) 2px,rgba(0,0,0,.002) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.001) 2px,rgba(0,0,0,.001) 4px),linear-gradient(135deg,#fff,#fafafa,#f5f5f5,#f8f8f8,#fff)}#app-container{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent-color);color:var(--bg-color);padding:1rem;z-index:9999;transition:top .3s ease;font-weight:700}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}.language-switcher{display:flex;align-items:center;gap:.5rem;margin-left:1rem;z-index:101}.lang-btn{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;transition:color .2s,background-color .2s}.lang-btn:hover{color:var(--primary-text-color)}.lang-btn.active{color:var(--accent-color);background-color:#00f2c31a}.language-switcher span{color:var(--border-color)}main{display:flex;flex-direction:column;gap:5rem;width:100%}.anim-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.anim-fade-in.is-visible{opacity:1;transform:translateY(0)}.hero{padding:3rem 0 0}.hero-banner{max-width:1200px;margin:0 auto;text-align:center;padding:4rem 2rem;border-radius:16px;background-color:var(--card-bg-color);background-image:radial-gradient(circle at 15% 85%,var(--shadow-color) 0%,transparent 20%),radial-gradient(circle at 85% 20%,rgba(0,242,195,.05) 0%,transparent 25%);border:1px solid var(--border-color);overflow:hidden;position:relative}.hero-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff05,#fff0 50%);pointer-events:none}.hero-banner h1{font-size:2.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;min-height:3.7rem}.hero-banner h1:after{content:"|";display:inline-block;margin-left:.15em;color:var(--accent-color);animation:blink-caret 1s step-end infinite}@keyframes blink-caret{0%,to{color:transparent}50%{color:var(--accent-color)}}.hero-banner p{font-size:1.2rem;color:var(--secondary-text-color);max-width:600px;margin:0 auto 2rem}.cta-button{background-color:var(--accent-color);color:var(--bg-color);padding:.8rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block}[data-theme=dark] .cta-button{background-color:#00f2c3;color:#121212;box-shadow:0 0 #00f2c3b3}[data-theme=light] .cta-button{background-color:#2d2d2d;color:#fff}.cta-button:hover{background-color:var(--accent-color-dark);transform:translateY(-2px)}[data-theme=dark] .cta-button:hover{background-color:#00c9a3;box-shadow:0 0 20px 10px #00f2c300}[data-theme=light] .cta-button:hover{background-color:#1a1a1a;box-shadow:0 4px 12px #0003}.section-title{font-size:2.2rem;font-weight:700;text-align:center;max-width:1200px;margin:0 auto 3rem;padding:0 2rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.exchange-card{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-decoration:none;color:var(--primary-text-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}.exchange-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 8px 25px var(--shadow-color)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.exchange-logo-text{width:48px;height:48px;border-radius:50%;background-color:var(--bg-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}[data-theme=light] .exchange-logo-text{background-color:#f5f5f5;color:#2d2d2d;border:1px solid var(--border-color)}.card-header h4{font-size:1.5rem;font-weight:600}.benefits-list{list-style:none;margin-bottom:1.5rem;flex-grow:1}.benefits-list li{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border-color)}.benefits-list li:last-child{border-bottom:none}.tag{color:var(--secondary-text-color);font-size:.9rem}.benefits-list li strong{font-size:1.1rem;font-weight:600;color:var(--accent-color)}[data-theme=dark] .benefits-list li strong{color:#00f2c3}[data-theme=light] .benefits-list li strong{color:#2d2d2d}.card-cta{display:block;width:100%;text-align:center;background:var(--accent-color);color:var(--bg-color);padding:.8rem;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease}[data-theme=dark] .card-cta{background:#00f2c3;color:#121212}[data-theme=light] .card-cta{background:#2d2d2d;color:#fff}.card-cta:hover{background-color:var(--accent-color-dark);transform:translateY(-2px)}[data-theme=dark] .card-cta:hover{background-color:#00c9a3}[data-theme=light] .card-cta:hover{background-color:#1a1a1a}#about-us{text-align:center}.about-us-content{max-width:800px;margin:0 auto;text-align:left}.about-us-content p{font-size:1.1rem;color:var(--secondary-text-color);line-height:1.8;margin-bottom:1.5rem;white-space:pre-wrap}.about-us-content p:last-child{margin-bottom:0}#how-it-works{text-align:center}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0;padding:0 2rem}.step{background-color:var(--card-bg-color);padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.step-icon{width:50px;height:50px;background-color:var(--accent-color);color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}[data-theme=dark] .step-icon{background-color:#00f2c3;color:#121212}[data-theme=light] .step-icon{background-color:#2d2d2d;color:#fff}.step h4{font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.step p{color:var(--secondary-text-color);line-height:1.6}.faq-container{max-width:800px;margin:0 auto 4rem;padding:0 2rem;display:flex;flex-direction:column;gap:1rem}.faq-container details{background:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px}.faq-container summary{padding:1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-container summary:hover{color:var(--accent-color)}.faq-container summary::-webkit-details-marker{display:none}.faq-container summary:after{content:"+";font-size:1.8rem;font-weight:400;transition:transform .3s ease}.faq-container details[open] summary:after{transform:rotate(45deg)}.faq-content{padding:0 1.5rem 1.5rem;color:var(--secondary-text-color);line-height:1.7}#support{text-align:center}.support-box{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:16px;padding:3rem 2rem;max-width:800px;margin:0 auto 4rem}.support-box h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.support-box p{color:var(--secondary-text-color);line-height:1.7;margin-bottom:2rem}.telegram-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:#26a5e4;color:#fff;padding:.9rem 1.8rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:background-color .3s ease,transform .2s ease}.telegram-button:hover{background-color:#2294cc;transform:translateY(-2px)}.telegram-button svg{width:20px;height:20px}footer{text-align:center;padding:3rem 0;margin-top:3rem;border-top:1px solid var(--border-color);color:var(--secondary-text-color)}.footer-content{max-width:800px;margin:0 auto}.disclaimer{font-size:.8rem;color:#888;margin-top:1rem;line-height:1.6}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px)}.popup-box{position:relative;background-color:var(--card-bg-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080;z-index:1001;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.popup-content{padding:2rem;overflow-y:auto;text-align:center}.popup-content img{max-width:100%;max-height:60vh;border-radius:8px;margin:0 auto}.popup-content p{color:var(--primary-text-color);line-height:1.7;white-space:pre-wrap;text-align:left}.popup-actions{display:flex;border-top:1px solid var(--border-color)}.popup-actions button{flex-grow:1;background:none;border:none;padding:1rem;color:var(--secondary-text-color);cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease,color .2s ease}.popup-actions button:first-child{border-right:1px solid var(--border-color)}.popup-actions button#popup-close-24h:hover{background-color:#ffffff0d;color:var(--primary-text-color)}.popup-actions button#popup-close{color:var(--accent-color);font-weight:600}.popup-actions button#popup-close:hover{background-color:var(--accent-color);color:var(--bg-color)}@media (max-width: 992px){.language-switcher{order:2}}@media (max-width: 768px){.hero-banner{padding:3rem 1.5rem}.hero-banner h1{font-size:2.2rem;min-height:5.8rem}.hero-banner p{font-size:1.1rem}.section-title{font-size:1.8rem}.about-us-content{padding:0 1.5rem;margin:0 auto;max-width:100%}.faq-container{padding:0 1.5rem}.faq-item{margin:0 .5rem 1rem}.support-box{margin:0 1.5rem 4rem;padding:2rem 1.5rem}.popup-box{width:90vw}.card-header{gap:.75rem}.exchange-logo{width:40px;height:40px}.card-header h4{font-size:1.3rem}}@media (max-width: 480px){.about-us-content,.faq-container{padding:0 1rem}.faq-item{margin:0 .25rem 1rem}.support-box{margin:0 1rem 3rem;padding:1.5rem 1rem}}.exchange-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.exchange-logo img{width:100%;height:100%;object-fit:contain}