:root{--bg: #0b1120;--surface: #111827;--card: #151e30;--card-hover: #1a2437;--border: #293548;--border-soft: #1e293b;--text: #f8fafc;--text-2: #cbd5e1;--text-3: #94a3b8;--muted: #64748b;--primary: #6366f1;--primary-light: #818cf8;--accent: #8b5cf6;--pink: #ec4899;--gold-1: #fbbf24;--gold-2: #f59e0b;--success: #10b981;--error: #ef4444;--grad-brand: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);--grad-header: linear-gradient(135deg, #4f46e5, #7c3aed, #db2777);--grad-gold: linear-gradient(135deg, #fbbf24, #f59e0b);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--sh-sm: 0 1px 3px rgba(0, 0, 0, .3);--sh-md: 0 4px 16px rgba(0, 0, 0, .35);--sh-lg: 0 16px 48px rgba(0, 0, 0, .45);--sh-glow: 0 8px 24px rgba(139, 92, 246, .45);--font-display: "Sora", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--header-h: 68px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em}p{margin:0}a{color:var(--primary-light);text-decoration:none}a:hover{color:#a5b4fc}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:15px}::selection{background:#8b5cf666}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.page{min-height:100%;display:flex;flex-direction:column}.grow{flex:1}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.center{display:flex;align-items:center;justify-content:center}.site-header{position:sticky;top:0;z-index:40;background:#0b1120d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.site-header .wrap{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{width:34px;height:34px;border-radius:var(--r-sm);background:var(--grad-brand);display:grid;place-items:center;box-shadow:0 4px 14px #8b5cf673;flex-shrink:0}.brand-name{font-family:var(--font-display);font-weight:800;font-size:19px}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{color:var(--text-2);font-size:14px;font-weight:500}.site-nav a:hover,.site-nav a.active{color:var(--text)}.header-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-pill);padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;color:var(--text);background:transparent;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.975)}.btn-primary{background:var(--grad-brand);background-size:180% 180%;color:#fff;box-shadow:var(--sh-glow);animation:grad-drift 9s ease infinite}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 32px #8b5cf68c}@keyframes grad-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-soft{background:var(--card);border:1px solid var(--border)}.btn-soft:not(:disabled):hover{background:var(--card-hover);border-color:#35435c}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text)}.btn-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.btn-danger:hover{background:#ef444433}.btn-lg{padding:15px 30px;font-size:16px}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:#35435c}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:6px 13px;font-size:12px;font-weight:600;background:var(--card);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all .18s ease}.chip:hover{border-color:var(--primary);color:var(--text)}.chip.on{background:#6366f129;border-color:var(--primary);color:#c7d2fe}.credits-chip{display:inline-flex;align-items:center;gap:6px;background:var(--grad-gold);color:#fff;border:none;border-radius:var(--r-pill);padding:8px 15px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #f59e0b59;cursor:pointer;transition:transform .16s ease}.credits-chip:hover{transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);padding:4px 11px;font-size:11px;font-weight:700;letter-spacing:.03em}.badge-gold{background:#f59e0b29;color:var(--gold-2);border:1px solid rgba(245,158,11,.4)}.badge-brand{background:#8b5cf629;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.badge-ok{background:#10b98124;color:var(--success);border:1px solid rgba(16,185,129,.4)}.badge-err{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.avatar{width:36px;height:36px;border-radius:var(--r-pill);background:linear-gradient(135deg,#6366f1,#ec4899);display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;cursor:pointer;border:none;flex-shrink:0}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.input,.textarea{width:100%;background:var(--card);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f129}.textarea{resize:vertical;min-height:108px;line-height:1.55}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5;border-radius:var(--r-md);padding:10px 13px;font-size:13px}.form-ok{background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;border-radius:var(--r-md);padding:10px 13px;font-size:13px}.seg{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.seg button.on{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f166}.glow-top{position:absolute;top:-260px;left:50%;transform:translate(-50%);width:min(1100px,130vw);height:560px;pointer-events:none;background:radial-gradient(ellipse at center,#7c3aed52,#6366f11f 45%,#0b112000 72%)}.hero{position:relative;padding:72px 0 64px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.07;font-weight:800}.grad-text{background:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:var(--text-3);font-size:17px;max-width:520px;margin-top:20px}.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.stat-strip{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}.stat-strip .s{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.showcase{position:relative;height:460px;display:grid;place-items:center}.showcase .plate{position:absolute;border-radius:var(--r-xl);overflow:hidden}.showcase .before{width:258px;height:330px;background:linear-gradient(160deg,#1e293b,#151e30);border:1px solid var(--border);transform:rotate(-8deg) translate(-120px);display:grid;place-items:center}.showcase .after{width:288px;height:380px;background:linear-gradient(150deg,#6366f1,#8b5cf6 45%,#db2777);transform:rotate(6deg) translate(120px);box-shadow:0 24px 64px #8b5cf673;display:grid;place-items:center}.showcase .swap{position:relative;z-index:3;width:52px;height:52px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--sh-md)}.plate-label{position:absolute;left:14px;bottom:14px;background:#00000080;border-radius:var(--r-pill);padding:5px 13px;font-size:12px;font-weight:600;color:#fff}.section{padding:64px 0}.section-head{text-align:center;max-width:620px;margin:0 auto 44px}.section-head h2{font-size:clamp(26px,3vw,36px)}.section-head p{color:var(--text-3);margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-n{width:40px;height:40px;border-radius:var(--r-pill);background:#818cf826;color:var(--primary-light);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;margin-bottom:14px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pack{position:relative;display:flex;flex-direction:column;gap:6px}.pack.popular{border-color:transparent;box-shadow:0 0 0 1.5px var(--accent),var(--sh-glow)}.pack .credits-n{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.1}.pack .price{font-size:20px;font-weight:700;color:var(--text)}.pack .per{font-size:12px;color:var(--muted)}.pack .pop-badge{position:absolute;top:-11px;left:20px}.note{background:#3b82f614;border:1px solid rgba(59,130,246,.28);border-radius:var(--r-md);padding:13px 16px;font-size:13.5px;color:var(--text-2);display:flex;gap:10px;align-items:flex-start}.site-footer{border-top:1px solid var(--border-soft);padding:34px 0;margin-top:auto}.site-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.site-footer .links{display:flex;gap:22px;font-size:13.5px}.site-footer .fine{color:var(--muted);font-size:13px}.studio{display:grid;grid-template-columns:396px 1fr;gap:0;flex:1;min-height:0}.studio-panel{border-right:1px solid var(--border-soft);padding:26px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.studio-canvas{padding:26px;overflow-y:auto;background:radial-gradient(ellipse at 30% -10%,#7c3aed14,#0b112000 60%)}.dropzone{border:2px dashed var(--border);border-radius:var(--r-lg);background:#151e3099;padding:28px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease}.dropzone:hover,.dropzone.over{border-color:var(--primary);background:#6366f112}.dropzone .icon-circle{width:52px;height:52px;border-radius:var(--r-pill);background:#818cf824;display:grid;place-items:center}.thumb-row{display:flex;align-items:center;gap:12px}.thumb{width:58px;height:58px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.sticky-cta{margin-top:auto;padding-top:6px;display:flex;flex-direction:column;gap:10px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.result-card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--card);border:1px solid var(--border);aspect-ratio:1;animation:fade-up .4s ease both}.result-card img,.result-card video{width:100%;height:100%;object-fit:cover;display:block}.result-actions{position:absolute;right:10px;top:10px;display:flex;gap:6px}.icon-btn{width:32px;height:32px;border-radius:var(--r-pill);background:#0000008c;border:none;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,transform .18s ease}.icon-btn:hover{background:#000000c7;transform:scale(1.06)}.result-meta{position:absolute;left:10px;bottom:10px;background:#0000008c;border-radius:var(--r-pill);padding:4px 11px;font-size:11px;font-weight:600;color:#fff}.working{border-radius:var(--r-xl);padding:40px 28px;text-align:center;background:var(--grad-brand);background-size:200% 200%;animation:grad-drift 6s ease infinite;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--sh-glow)}.working .pulse{animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.empty-state{border:1.5px dashed var(--border);border-radius:var(--r-xl);padding:56px 28px;text-align:center;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade-in .2s ease}.modal{width:100%;max-width:428px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-lg);animation:modal-in .26s cubic-bezier(.2,.9,.3,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;text-align:center}.logo-glow{width:56px;height:56px;border-radius:var(--r-pill);background:var(--grad-brand);display:grid;place-items:center;box-shadow:var(--sh-glow)}.tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px;margin-bottom:20px}.tabs button{flex:1;border:none;background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:9px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.tabs button.on{background:var(--grad-brand);color:#fff}.otp-row{display:flex;gap:8px;justify-content:center}.otp-row input{width:46px;height:52px;text-align:center;font-size:20px;font-weight:700;color:var(--text);background:var(--card);border:1.5px solid var(--border);border-radius:var(--r-md);transition:border-color .18s ease,box-shadow .18s ease}.otp-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.link-btn{background:none;border:none;color:var(--primary-light);font-size:13.5px;font-weight:600;cursor:pointer;padding:0}.link-btn:hover{color:#a5b4fc}.lang{position:relative}.lang-btn{background:var(--card);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-pill);padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.lang-btn:hover{border-color:#35435c;color:var(--text)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:208px;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:6px;box-shadow:var(--sh-lg);animation:fade-up .18s ease both}.lang-menu button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text-2);padding:9px 11px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;text-align:start}.lang-menu button:hover{background:var(--card);color:var(--text)}.lang-menu button.on{color:var(--primary-light);font-weight:600}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:236px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:8px;box-shadow:var(--sh-lg);animation:fade-up .18s ease both}.menu .who{padding:8px 11px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.menu .who .n{font-weight:700;font-size:14px}.menu .who .e{font-size:12.5px;color:var(--muted);word-break:break-all}.menu button{width:100%;display:flex;align-items:center;gap:9px;background:none;border:none;color:var(--text-2);padding:9px 11px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;text-align:start}.menu button:hover{background:var(--card);color:var(--text)}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:16px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}.reveal{opacity:1;transform:none}}@media (max-width: 1024px){.studio{grid-template-columns:1fr}.studio-panel{border-right:none;border-bottom:1px solid var(--border-soft)}.hero-grid{grid-template-columns:1fr;gap:32px}.showcase{height:380px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.wrap{padding:0 18px}.site-nav{display:none}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:var(--header-h);left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 18px 18px}.site-nav.open a{padding:11px 4px;font-size:15px}.nav-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer}.steps,.pack-grid{grid-template-columns:1fr}.hero{padding:44px 0 40px}.section{padding:44px 0}.showcase{height:320px}.showcase .before{width:190px;height:250px;transform:rotate(-8deg) translate(-72px)}.showcase .after{width:210px;height:280px;transform:rotate(6deg) translate(72px)}.modal{padding:22px}.otp-row input{width:40px;height:48px;font-size:18px}.studio-panel,.studio-canvas{padding:18px}}