:root{color:#f8fafc;text-rendering:optimizeLegibility;background-color:#030712;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#030712;min-height:100vh}.app-shell{background-image:radial-gradient(circle at top,#ff7bdf1f,#0000 55%),radial-gradient(circle at bottom,#3b82f61f,#0000 55%),linear-gradient(#030712 0%,#04060e 50%,#030712 100%)}.landing{background-image:radial-gradient(circle at top,#ff7bdf26,#0000 55%),radial-gradient(circle at bottom,#3b82f626,#0000 55%),linear-gradient(#030712 0%,#060b16 40%,#030712 100%);flex-direction:column;align-items:center;gap:clamp(1.2rem,2vw,2.5rem);width:100%;min-height:100vh;padding:0 clamp(1.5rem,4vw,3rem) clamp(3rem,4vw,4rem);display:flex}.site-footer{text-align:center;color:#f8fafccc;border-top:1px solid #ffffff12;margin-top:1.5rem;padding:1.5rem clamp(1.5rem,4vw,3rem)}.contact-page{flex-direction:column;gap:2rem;width:min(1200px,100%);min-height:100vh;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,3rem);display:flex}.contact-hero{background:#070a14f2;border:1px solid #ffffff14;border-radius:1.5rem;padding:clamp(2rem,4vw,3rem);box-shadow:0 25px 50px #020617b3}.contact-hero__content{max-width:700px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.contact-grid article{background:#070a14e6;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 40px #02061780}.contact-grid h2{color:#f8fafc;margin-bottom:.6rem;font-size:1.25rem}.contact-link{color:#facc15;margin:.35rem 0;font-weight:600;display:inline-flex}.note{color:#f8fafcbf;font-size:.9rem}.contact-footer{text-align:center;color:#f8fafcd9;background:#070a14e6;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.5rem}.page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab3;border:1px solid #f8fafc1a;border-radius:1.5rem;justify-content:space-between;align-items:center;width:min(1200px,100%);margin:0 auto;padding:clamp(.75rem,1.8vw,1.2rem) clamp(1rem,3vw,1.8rem);display:flex;box-shadow:0 15px 40px #02061799}.about-page,.blog-page{width:min(1200px,100%);margin:0 auto}.site-nav{flex-wrap:wrap;gap:1rem;display:flex}.site-nav a{color:#f8fafcd9;border-radius:999px;padding:.2rem .5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s}.site-nav a:hover{background:#f8fafc14}.mobile-nav{flex-direction:column;gap:.6rem;margin-bottom:.5rem;display:none}.mobile-nav a{color:#f8fafce6;font-weight:600;text-decoration:none}.logo{letter-spacing:.2rem;text-transform:uppercase;color:#f8fafc;align-items:center;gap:.6rem;font-size:.95rem;font-weight:700;display:inline-flex}.logo img{border-radius:10px;width:auto;height:50px;box-shadow:0 6px 20px #0f172a99}.nav-actions{gap:.75rem;display:flex}.menu-toggle{cursor:pointer;z-index:30;background:#0f172abf;border:1px solid #f8fafc33;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:46px;height:46px;padding:0;transition:background .2s,transform .2s;display:none;position:relative}.menu-toggle span{background:#f8fafc;border-radius:999px;width:22px;height:2px;transition:transform .3s,opacity .3s,background .3s;display:block}.menu-toggle span+span{margin-top:5px}.menu-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.menu-toggle.open{background:#f8fafc1f}.nav-actions.open{pointer-events:auto}.mobile-actions{display:none}.code-card,.copy-section,.steps,.features,.faq,.cta-footer{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070a14d9;border:1px solid #ffffff14;border-radius:1.75rem;padding:clamp(1.8rem,3vw,2.6rem);box-shadow:0 20px 50px #020617a6}.hero{background:linear-gradient(135deg,#0f172af2,#020617e6),radial-gradient(circle at 20% 20%,#f8fafc33,#0000 40%);border:1px solid #ffffff14;border-radius:1.75rem;flex-direction:column;gap:1.25rem;width:min(1200px,100%);min-height:70vh;margin:0 auto;padding:clamp(1.8rem,3vw,2.8rem) clamp(1.5rem,5vw,4rem);display:flex;box-shadow:0 15px 40px #020617a6}.hero-heading h1{margin:0;font-size:clamp(2.3rem,4vw,3.2rem)}.hero-content{flex-direction:column;align-items:flex-start;gap:1rem;width:min(1100px,95%);margin:0 auto;display:flex}.tag{letter-spacing:.2rem;text-transform:uppercase;color:#7dd3fc;background:#7dd3fc26;border:1px solid #7dd3fc66;border-radius:999px;justify-content:center;align-items:center;margin-bottom:10px;padding:.35rem 1rem;font-size:.8rem;display:inline-flex}.hero h1{color:#f8fafc;font-size:clamp(1.3rem,4vw,2rem);line-height:1.3}.subtitle{color:#f8fafccc;margin-top:1rem;margin-bottom:1rem;font-size:1.1rem;line-height:1.7}.cta-row{flex-wrap:wrap;gap:1rem;margin-top:1.75rem;display:flex}.hero-visual{justify-content:center;margin-top:1.5rem;display:flex}.section-heading{margin-bottom:.75rem}.feature-heading{display:block}.hero-visual img{border:1px solid #f8fafc33;border-radius:1.5rem;width:100%;box-shadow:0 20px 40px #02061799}.body-container{flex-direction:column;align-items:center;gap:clamp(1.5rem,2vw,2.5rem);width:min(1200px,100%);display:flex}.content-stack{flex-direction:column;gap:clamp(1.5rem,2vw,2.5rem);width:100%;display:flex}.telegram-link{color:#f8fafc;background:#38bdf81f;border:1px solid #f8fafc4d;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.telegram-link svg{fill:currentColor;width:1.1rem;height:1.1rem}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary-button{color:#050608;background:linear-gradient(135deg,#facc15,#fb923c);box-shadow:0 12px 30px #fb923c59}.secondary-button{color:#f8fafc;background:0 0;border:1px solid #f8fafc4d}.ghost-button{color:#f8fafc;background:0 0;border:1px solid #f8fafc40}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0f172a66}.primary-button.small{padding:.55rem 1.3rem;font-size:.85rem}.sticky-bonus{z-index:20;background:#0f172ae6;border:1px solid #f8fafc26;border-radius:1.25rem;flex-direction:column;gap:.75rem;max-width:280px;padding:1rem 1.2rem;display:flex;position:fixed;bottom:1.5rem;right:clamp(1rem,3vw,2rem);box-shadow:0 25px 45px #020617b3}.sticky-bonus .bonus-label{color:#facc15;letter-spacing:.05em;font-size:1rem;font-weight:700}.sticky-bonus p{color:#f8fafcd9;font-size:.9rem;line-height:1.45}.code-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.code-card h2{color:#f8fafc;font-size:1rem}.code-note{color:#f8fafcbf;margin-top:.35rem}.copy-section h2,.steps h2,.features h2,.faq h2,.cta-footer h2{color:#f8fafc;margin-bottom:1rem;font-size:clamp(1.2rem,3vw,1.2rem)}.copy-section p{color:#f8fafccc;margin-bottom:1rem;line-height:1.8}.steps ol{color:#f8fafcd9;margin-top:.5rem;margin-left:1rem;line-height:1.7;list-style:decimal}.steps li+li{margin-top:.75rem}.feature-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.feature-list article{background:#0f172a99;border:1px solid #f8fafc14;border-radius:1.25rem;padding:1.5rem;position:relative;box-shadow:inset 0 1px #ffffff0d}.feature-icon{font-size:1.4rem;position:absolute;top:1rem;right:1rem}.feature-list p{color:#f8fafcd9;font-size:.95rem;line-height:1.5}.faq-grid{flex-direction:column;gap:.8rem;display:flex}.faq-item{background:#0f172a66;border:1px solid #f8fafc1f;border-radius:1.25rem;overflow:hidden}.faq-question{color:#f8fafc;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;font-size:1rem;font-weight:600;display:flex}.faq-question-icon{margin-right:.5rem;font-size:1.2rem}.faq-question:hover{background:#f8fafc0d}.faq-answer{color:#f8fafccc;opacity:0;max-height:0;padding:0 1.2rem 1rem;font-size:.95rem;line-height:1.7;transition:max-height .3s,opacity .3s}.faq-item.open .faq-answer{opacity:1;max-height:200px}.faq-icon{font-size:1.5rem;line-height:1}.cta-footer{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:min(1200px,100%);margin:0 auto;display:flex}.cta-footer p{color:#f8fafccc;line-height:1.6}@media (max-width:720px){.landing{width:100%}.mobile-actions{justify-content:center;gap:.75rem;width:min(500px,100%);margin-top:10px;margin-bottom:10px;display:flex}.site-nav{display:none}.cta-row{flex-direction:column}.code-card{flex-direction:column;align-items:flex-start}.sticky-bonus{border-radius:1rem;max-width:none;margin:0;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 15px 35px #02061799}.menu-toggle{display:flex}.nav-actions{opacity:0;pointer-events:none;z-index:25;background:#020617f2;border:1px solid #f8fafc33;border-radius:1rem;flex-direction:column;max-width:calc(100% - 2rem);padding:.8rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + .4rem);left:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);transform:translateY(-8px);box-shadow:0 20px 40px #02061780}.nav-actions.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-actions a{text-align:center;width:100%}.nav-actions .mobile-nav{display:flex}.hero{padding:1.5rem 1rem}.hero h1{font-size:clamp(1.4rem,5vw,1.4rem)}.subtitle{font-size:1rem}}.policy-page,.contact-page{flex-direction:column;gap:1.5rem;width:min(1200px,100%);min-height:100vh;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,3rem);display:flex}.policy-hero,.contact-hero{background:#070a14f2;border:1px solid #ffffff14;border-radius:1.5rem;padding:clamp(2rem,4vw,3.5rem);box-shadow:0 25px 50px #020617b3}.policy-hero__content{max-width:700px}.policy-card{background:#070a14e6;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem;box-shadow:0 20px 40px #02061780}.policy-card h2{margin-bottom:.65rem;font-size:1.25rem}.policy-card p{color:#f8fafcd9;line-height:1.7}.feature-list{flex-direction:column;gap:.5rem;margin:0;padding-left:1rem;list-style:none;display:flex}.feature-list li{padding-left:1.2rem;position:relative}.feature-list li:before{content:"•";color:#facc15;position:absolute;top:0;left:0}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.blog-grid article h2{margin-top:.5rem}.blog-grid .date{color:#f8fafc80;margin-bottom:.35rem;font-size:.9rem}
