:root{--bg-primary:#07090e;--bg-secondary:#0d111d;--bg-tertiary:#161c2c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#ff4646;--accent-glow:#ff464640;--accent-gradient:linear-gradient(135deg, #ff4646 0%, #a855f7 50%, #6366f1 100%);--accent-gradient-hover:linear-gradient(135deg, #ff5c6a 0%, #b86efc 50%, #787af5 100%);--border-color:#ffffff14;--border-hover:#ffffff29;--glass-bg:#0d111db3;--glass-border:#ffffff14;--glass-border-focus:#ff464666;--shadow-sm:0 2px 8px #0006;--shadow-md:0 12px 24px -10px #0009;--shadow-lg:0 24px 48px -12px #000c;--glow-red:0 0 35px #ff46462e;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary)}body{min-width:320px;color:var(--text-primary);background:radial-gradient(circle at 50% -20%, #1e152a 0%, var(--bg-primary) 70%);background-attachment:fixed;margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-primary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#0f172a0f;--border-hover:#0f172a1f;--glass-bg:#ffffffd9;--glass-border:#0f172a0f;--glass-border-focus:#ff46464d;--shadow-sm:0 1px 3px #00000005;--shadow-md:0 10px 25px -5px #0f172a0a;--shadow-lg:0 20px 40px -15px #0f172a14;--glow-red:0 0 35px #ff464605}.light-theme body{background:radial-gradient(circle at 50% -20%, #e2e8f0 0%, var(--bg-primary) 70%)}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#07090ecc;width:100%;padding:16px 0;position:sticky;top:0}.header-container,.site-footer{justify-content:space-between;align-items:center;gap:24px;width:min(1200px,100% - 32px);margin:0 auto;display:flex}.site-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:auto;padding:32px 0}.brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:inline-flex}.brand:hover{opacity:.9}.brand img{width:32px;height:32px;filter:drop-shadow(0 0 8px var(--accent-glow));flex:none}.header-actions{align-items:center;gap:24px;display:flex}.site-header nav,.site-footer nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-header a,.site-footer a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s,transform .2s}.site-header a:hover{color:var(--accent-color);transform:translateY(-1px)}.site-footer a:hover{color:var(--text-primary)}main{flex-grow:1;width:min(1200px,100% - 32px);margin:0 auto}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:64px 0 80px;display:flex}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-copy h1,.policy-page h1{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:880px;margin:16px 0 20px;font-family:Outfit,sans-serif;font-size:clamp(2.4rem,6.5vw,4.8rem);font-weight:900;line-height:1.1}.hero-copy h1 span,.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy p,.description-section p,.policy-intro,.policy-sections p{max-width:680px;color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.7}.page-kicker{color:var(--accent-color);text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff46461a;border:1px solid #ff464626;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:800;display:inline-block}.download-panel{text-align:left;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);width:min(780px,100%);box-shadow:var(--shadow-lg), var(--glow-red);border-radius:16px;padding:32px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.download-panel:before{content:"";background:var(--accent-gradient);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.download-panel:focus-within{border-color:var(--glass-border-focus);box-shadow:var(--shadow-lg), 0 0 45px #ff464640}.download-panel label{color:var(--text-primary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px;font-size:.95rem;font-weight:700;display:block}.input-row{grid-template-columns:minmax(0,1fr) 140px;gap:12px;display:grid}input{box-sizing:border-box;border:1px solid var(--border-color);width:100%;min-width:0;color:var(--text-primary);background:#07090e99;border-radius:10px;padding:16px 18px;font-size:1rem;transition:all .25s}input:focus{border-color:var(--accent-color);background:#07090ee6;outline:none;box-shadow:0 0 15px #ff464626}button{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:10px;padding:16px 20px;font-size:1rem;font-weight:700;transition:all .25s;position:relative;overflow:hidden}button:hover:not(:disabled){background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 5px 15px #ff464666}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6;background:var(--bg-tertiary);color:var(--text-secondary)}.language-picker{color:var(--text-secondary);align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:inline-flex}.language-picker select{border:1px solid var(--border-color);width:150px;min-height:38px;color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-weight:600;transition:border-color .2s,background-color .2s}.language-picker select:focus{border-color:var(--accent-color);background:var(--bg-tertiary);outline:none}.status-line{flex-direction:column;gap:10px;min-height:60px;margin-top:24px;display:flex}.status-line p{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.status-line.error p{color:#ef4444}.status-line.success p{color:#10b981}.progress-track{background:#ffffff0d;border-radius:999px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.progress-track span{border-radius:inherit;background:var(--accent-gradient);min-width:0;height:100%;box-shadow:0 0 10px var(--accent-color);transition:width .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.status-line.working .progress-track span:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);animation:1.5s infinite shine;position:absolute;inset:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.steps-section,.description-section,.faq-section,.policy-page{border-top:1px solid var(--border-color);padding:80px 0}.steps-section h2,.description-section h2,.faq-section h2,.policy-sections h2{color:var(--text-primary);letter-spacing:-.02em;margin:12px 0 0;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.step-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111d66;border-radius:14px;min-height:240px;padding:28px;transition:all .3s;position:relative}.step-card:hover{box-shadow:var(--shadow-md), 0 10px 30px -10px #ff46461a;background:#0d111d99;border-color:#ff464633;transform:translateY(-4px)}.step-card span{color:var(--accent-color);background:#ff46461a;border:1px solid #ff464626;border-radius:6px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:900}.step-card h3{color:var(--text-primary);margin:28px 0 12px;font-size:1.15rem;font-weight:700}.step-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.description-section{grid-template-columns:360px minmax(0,1fr);align-items:center;gap:64px;display:grid}.description-section code{color:var(--accent-color);background:#ff464614;border:1px solid #ff464626;border-radius:6px;padding:2px 8px;font-family:monospace}.shorts-visual{place-items:center;display:grid}.phone-frame{aspect-ratio:9/16;width:min(290px,80vw);box-shadow:var(--shadow-lg), 0 0 50px #000c, 0 0 30px #ff46461a;background:#07090e;border:12px solid #1a1e29;border-radius:40px;position:relative;overflow:hidden}.short-card{background:linear-gradient(145deg,#ff4646d9 0%,#a855f7d9 100%);border-radius:12px;height:43%;position:absolute;left:20px;right:20px;box-shadow:0 10px 20px #0000004d}.top-card{opacity:.35;filter:blur(1px);top:-30%}.main-card{border:1px solid #ffffff1a;place-items:center;display:grid;top:28.5%}.bottom-card{opacity:.25;filter:blur(1px);bottom:-32%}.play-mark{background:#fffffff2;border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:grid;position:relative;box-shadow:0 8px 24px #ff46464d}.play-mark:hover{transform:scale(1.1)}.play-mark:after{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:18px solid var(--accent-color);position:absolute;top:20px;left:25px}.faq-section{flex-direction:column;gap:40px;display:flex}.faq-header{text-align:center}.faq-container{flex-direction:column;gap:16px;width:min(840px,100%);margin:0 auto;display:flex}.faq-item{border:1px solid var(--border-color);background:#0d111d4d;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{background:#0d111d80;border-color:#ff464640}.faq-item.active{background:#0d111d99;border-color:#ff46464d;box-shadow:0 4px 20px #0003}.faq-question-btn{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:22px 28px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:none;display:flex;box-shadow:none!important;color:var(--text-primary)!important}.faq-question-btn:hover{transform:none!important}.faq-answer{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item.active .faq-answer{max-height:300px}.faq-answer-content{color:var(--text-secondary);border-top:1px solid #ffffff08;padding:16px 28px 24px;font-size:.98rem;line-height:1.65}.faq-arrow{width:20px;height:20px;color:var(--text-muted);transition:transform .3s,color .3s}.faq-item.active .faq-arrow{color:var(--accent-color);transform:rotate(180deg)}.policy-page{max-width:860px;margin:0 auto}.policy-page h1{font-size:clamp(2.4rem,6vw,4rem)}.policy-intro{margin-top:12px;font-size:1.15rem}.policy-sections{flex-direction:column;gap:28px;margin-top:48px;display:flex}.policy-sections section{border-top:1px solid var(--border-color);padding-top:28px}.policy-sections h2{margin-bottom:12px;font-size:1.5rem}.policy-sections p{max-width:100%;font-size:1.05rem}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin-top:24px;display:grid}.feature-item{border:1px solid var(--border-color);text-align:left;background:#0d111d33;border-radius:12px;padding:24px;transition:border-color .2s}.feature-item:hover{border-color:var(--border-hover)}.feature-icon{width:42px;height:42px;color:var(--accent-color);background:#ff46461a;border:1px solid #ff464626;border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.feature-item h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}.feature-item p{color:var(--text-secondary);font-size:.92rem;line-height:1.5}@media (width<=992px){.description-section{text-align:center;grid-template-columns:1fr;justify-items:center;gap:48px}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-list{grid-template-columns:1fr;gap:16px}}@media (width<=768px){.site-header nav{display:none}.header-actions{margin-left:auto}.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.hero-section{padding-top:40px;padding-bottom:56px}.download-panel{padding:24px}.step-grid{grid-template-columns:1fr;gap:16px}.faq-question-btn{padding:18px 20px;font-size:1rem}.faq-answer-content{padding:0 20px 20px}}@media (width<=576px){.input-row{grid-template-columns:1fr}button{width:100%}.hero-copy h1{font-size:2.2rem}.steps-section,.description-section,.faq-section,.policy-page{padding:56px 0}.language-picker select{width:130px}}.theme-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:40px;height:40px;box-shadow:none;background:0 0;border-radius:8px;place-items:center;padding:0;transition:all .2s;display:grid}.theme-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--accent-color);box-shadow:none;transform:translateY(-1px)}.theme-toggle-btn svg{stroke:currentColor;width:20px;height:20px}.light-theme .site-header{background:#f8fafcd9}.light-theme input{color:var(--text-primary);background:#fffc;border-color:#0f172a1f}.light-theme input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 15px #ff464614}.light-theme .progress-track{background:#0f172a0d;box-shadow:inset 0 1px 3px #0000000d}.light-theme .step-card{box-shadow:var(--shadow-sm);background:#fff9}.light-theme .step-card:hover{box-shadow:var(--shadow-md);background:#fff;border-color:#ff464626}.light-theme .feature-item{box-shadow:var(--shadow-sm);background:#fff9}.light-theme .feature-item:hover{border-color:var(--border-hover);background:#fff}.light-theme .faq-item{box-shadow:var(--shadow-sm);background:#ffffff80}.light-theme .faq-item:hover{background:#ffffffe6;border-color:#ff464626}.light-theme .faq-item.active{box-shadow:var(--shadow-md);background:#fff;border-color:#ff464633}.light-theme .faq-answer-content{border-top:1px solid #0f172a0a}.light-theme .phone-frame{box-shadow:var(--shadow-lg), 0 0 30px #0000000f;border:12px solid #fff}.light-theme .page-kicker{background:#ff46460a}.light-theme .hero-copy h1,.light-theme .policy-page h1{background:linear-gradient(135deg,#0f172a 30%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}
