*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#050816;min-width:320px;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 15% 12%,#7c3aed4d,#0000 30%),radial-gradient(circle at 85% 18%,#3b82f638,#0000 32%),linear-gradient(135deg,#050510 0%,#0f172a 55%,#020617 100%);min-height:100vh}.fx-navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050816c7;border-bottom:1px solid #ffffff14;width:100%;position:fixed;top:0;left:0}.fx-navbar-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:18px 24px;display:flex}.fx-brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:25px;font-weight:900;display:flex}.fx-brand-mark{background:linear-gradient(135deg,#7c3aed,#38bdf8);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 14px 40px #7c3aed59}.fx-brand span span{color:#8b5cf6}.fx-nav-links{color:#cbd5e1;gap:34px;font-weight:700;display:flex}.fx-nav-links a:hover{color:#fff}.fx-nav-actions{align-items:center;gap:12px;display:flex}.fx-login-btn,.fx-start-btn{color:#fff;border:0;border-radius:14px;padding:12px 20px;font-weight:800}.fx-login-btn{background:#ffffff14}.fx-start-btn{background:linear-gradient(135deg,#7c3aed,#3b82f6)}@media (width<=820px){.fx-nav-links,.fx-login-btn{display:none}}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1240px;min-height:100vh;margin:0 auto;padding:150px 24px 80px;display:grid}.hero-copy{max-width:680px}.hero-badge{color:#d8b4fe;background:#7c3aed24;border:1px solid #a78bfa59;border-radius:999px;margin-bottom:28px;padding:10px 16px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.07em;color:#fff;margin:0;font-size:clamp(52px,6vw,86px);line-height:.95}.hero p{color:#cbd5e1;margin:28px 0 0;font-size:22px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:38px;display:flex}.hero-primary,.hero-secondary{color:#fff;border-radius:16px;padding:16px 24px;font-size:16px;font-weight:900}.hero-primary{background:linear-gradient(135deg,#7c3aed,#3b82f6);border:0;box-shadow:0 20px 70px #7c3aed59}.hero-secondary{background:#ffffff14;border:1px solid #ffffff29}.hero-stats{flex-wrap:wrap;gap:20px;margin-top:40px;display:flex}.hero-stat{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;width:170px;padding:18px}.hero-stat strong{color:#fff;margin-bottom:6px;font-size:30px;font-weight:900;display:block}.hero-stat span{color:#94a3b8;line-height:1.4;display:block}.hero-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff13;border:1px solid #ffffff24;border-radius:28px;padding:20px;box-shadow:0 30px 100px #00000073}.preview-top,.preview-actions{color:#cbd5e1;justify-content:space-between;gap:12px;font-weight:800;display:flex}.preview-form{margin-top:18px}.preview-form label,.preview-controls label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.prompt-box{color:#e5e7eb;background:#00000047;border-radius:18px;margin-top:8px;padding:16px;line-height:1.5}.preview-controls{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.preview-controls div{background:#0000003d;border:1px solid #ffffff14;border-radius:14px;padding:12px}.preview-controls span{color:#fff;font-weight:800}.preview-image{border:1px solid #ffffff1a;border-radius:22px;height:360px;margin-top:18px;position:relative;overflow:hidden}.fake-art{background:radial-gradient(circle at 72% 25%,#ffffffe6 0 4%,#0000 5%),radial-gradient(circle at 38% 38%,#ec4899a6,#0000 24%),radial-gradient(circle at 68%,#38bdf88c,#0000 28%),linear-gradient(135deg,#050816,#312e81 55%,#020617);width:100%;height:100%;position:relative}.fake-city{clip-path:polygon(0 100%,0 62%,8% 62%,8% 44%,14% 44%,14% 70%,22% 70%,22% 35%,30% 35%,30% 58%,39% 58%,39% 20%,47% 20%,47% 64%,58% 64%,58% 42%,68% 42%,68% 75%,77% 75%,77% 32%,88% 32%,88% 60%,100% 60%,100% 100%);background:linear-gradient(0deg,#020617 0 28%,#0000 29%),repeating-linear-gradient(90deg,#0000 0 24px,#ffffff2e 25px 27px,#0000 28px 42px);height:42%;position:absolute;bottom:0;left:0;right:0}.fake-glow{filter:blur(24px);background:radial-gradient(circle,#3b82f6cc,#0000 70%);height:20%;position:absolute;inset:auto 18% 8%}.preview-image:after{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff2e 45%,#0000 65%);animation:5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.preview-actions{margin-top:18px}.preview-actions button{color:#fff;background:#ffffff17;border:0;border-radius:14px;flex:1;padding:12px;font-weight:800}@keyframes shimmer{0%{transform:translate(-100%)}45%,to{transform:translate(100%)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:130px}.hero-preview{order:-1}}.features{max-width:1240px;margin:0 auto;padding:40px 24px 110px}.features-heading{text-align:center;max-width:720px;margin:0 auto 42px}.features-heading span{color:#a78bfa;font-weight:900}.features-heading h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(36px,5vw,58px);line-height:1}.features-heading p{color:#cbd5e1;font-size:19px;line-height:1.6}.features-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;padding:28px;transition:transform .25s,border-color .25s,background .25s;box-shadow:0 24px 80px #00000047}.feature-card:hover{background:#ffffff16;border-color:#a78bfa73;transform:translateY(-8px)}.feature-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#38bdf8);border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.feature-icon svg{width:25px;height:25px}.feature-card h3{margin:0 0 12px;font-size:21px}.feature-card p{color:#cbd5e1;margin:0;line-height:1.6}@media (width<=980px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.features-grid{grid-template-columns:1fr}}.showcase{max-width:1240px;margin:0 auto;padding:20px 24px 120px}.showcase-heading{max-width:760px;margin-bottom:42px}.showcase-heading span{color:#38bdf8;font-weight:900}.showcase-heading h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(36px,5vw,58px);line-height:1}.showcase-heading p{color:#cbd5e1;font-size:19px;line-height:1.6}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.showcase-card{background:#111827;border:1px solid #ffffff1a;border-radius:26px;min-height:260px;position:relative;overflow:hidden}.showcase-card-1{background:radial-gradient(circle at 30% 25%,#f472b6,#0000 25%),linear-gradient(135deg,#1e1b4b,#020617)}.showcase-card-2{background:radial-gradient(circle at 70% 35%,#facc15,#0000 22%),linear-gradient(135deg,#0f172a,#312e81)}.showcase-card-3{background:radial-gradient(circle at 50% 30%,#22c55e,#0000 28%),linear-gradient(135deg,#052e16,#020617)}.showcase-card-4{background:radial-gradient(circle at 50% 25%,#38bdf8,#0000 24%),linear-gradient(135deg,#0f172a,#1e3a8a)}.showcase-card-5{background:radial-gradient(circle at 40% 25%,#fb7185,#0000 24%),linear-gradient(135deg,#4c0519,#020617)}.showcase-card-6{background:radial-gradient(circle at 65% 35%,#a78bfa,#0000 26%),linear-gradient(135deg,#111827,#312e81)}.showcase-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#00000073;border-radius:18px;padding:14px 16px;font-weight:900;position:absolute;inset:auto 16px 16px}@media (width<=900px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.showcase-grid{grid-template-columns:1fr}}.pricing{max-width:1240px;margin:0 auto;padding:40px 24px 120px}.pricing-heading{text-align:center;max-width:760px;margin:0 auto 44px}.pricing-heading span{color:#a78bfa;font-weight:900}.pricing-heading h2{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(36px,5vw,58px);line-height:1}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pricing-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;padding:32px;box-shadow:0 24px 90px #00000047}.pricing-card-featured{background:radial-gradient(circle at 50% 0,#7c3aed59,#0000 38%),#ffffff13;border-color:#a78bfa73}.pricing-card h3{margin:0 0 16px;font-size:24px}.pricing-card strong{margin-bottom:16px;font-size:42px;display:block}.pricing-card p{color:#cbd5e1;line-height:1.6}.pricing-card ul{color:#e5e7eb;gap:12px;margin:26px 0;padding:0;list-style:none;display:grid}.pricing-card button{color:#fff;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:0;border-radius:16px;width:100%;padding:15px;font-weight:900}@media (width<=900px){.pricing-grid{grid-template-columns:1fr}}.faq{max-width:980px;margin:0 auto;padding:30px 24px 110px}.faq-heading{text-align:center;margin-bottom:36px}.faq-heading span{color:#38bdf8;font-weight:900}.faq-heading h2{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(34px,5vw,54px);line-height:1}.faq-list{gap:16px;display:grid}.faq-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;padding:24px}.faq-card h3{margin:0 0 10px;font-size:20px}.faq-card p{color:#cbd5e1;margin:0;line-height:1.6}.footer{color:#cbd5e1;border-top:1px solid #ffffff1a;justify-content:space-between;gap:30px;max-width:1240px;margin:0 auto;padding:50px 24px 70px;display:flex}.footer h2{color:#fff;margin:0 0 10px}.footer p{max-width:420px;line-height:1.6}.footer-links{flex-wrap:wrap;align-items:center;gap:22px;font-weight:800;display:flex}@media (width<=700px){.footer{flex-direction:column}}.app-dashboard{color:#fff;background:radial-gradient(circle at 80% 10%,#7c3aed38,#0000 30%),linear-gradient(135deg,#050510,#0f172a 60%,#020617);grid-template-columns:270px 1fr;min-height:100vh;display:grid}.app-sidebar{background:#ffffff0b;border-right:1px solid #ffffff14;padding:28px}.app-logo{letter-spacing:-.05em;margin-bottom:36px;font-size:28px;font-weight:950}.app-logo span{color:#8b5cf6}.app-sidebar nav{gap:10px;display:grid}.app-sidebar button{text-align:left;color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:15px;padding:14px 16px;font-weight:850}.app-sidebar button:hover,.app-sidebar button.active{color:#fff;background:#ffffff14}.app-main{padding:36px}.app-topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.app-topbar p{color:#a78bfa;margin:0 0 8px;font-weight:900}.app-topbar h1{letter-spacing:-.06em;margin:0;font-size:clamp(36px,5vw,58px)}.credit-pill{background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;min-width:180px;padding:16px 20px}.credit-pill span,.credit-pill small{color:#94a3b8;font-size:13px;font-weight:900;display:block}.credit-pill strong{font-size:30px;display:block}.dashboard-message{color:#ddd6fe;background:#7c3aed29;border:1px solid #a78bfa47;border-radius:16px;margin-bottom:18px;padding:14px 18px;font-weight:800}.dashboard-message.error{color:#fecaca;background:#ef444426;border-color:#f871714d}.workspace{grid-template-columns:.9fr 1.1fr;gap:24px;display:grid}.generator-panel,.output-panel,.history-panel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:28px;padding:24px;box-shadow:0 30px 100px #00000047}.generator-panel label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:12px;font-weight:950;display:block}.panel-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-row span{color:#64748b;font-size:12px;font-weight:800}.generator-panel textarea,.generator-panel select,.negative-box input{color:#fff;background:#00000047;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;padding:15px;font-size:15px}.generator-panel textarea:focus,.generator-panel select:focus,.negative-box input:focus{border-color:#a78bfaa6}.prompt-tools{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.prompt-tools button,.output-actions button,.history-actions button,.history-heading-actions button,.uploaded-preview button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:13px;padding:11px 12px;font-weight:850}.prompt-tools button:hover,.output-actions button:hover,.history-actions button:hover,.history-heading-actions button:hover,.uploaded-preview button:hover{background:#ffffff21}button:disabled{opacity:.35;cursor:not-allowed}.negative-box{margin-top:18px}.upload-box{background:#0003;border:1px dashed #ffffff29;border-radius:18px;margin-top:18px;padding:16px}.upload-box input{color:#cbd5e1;width:100%}.uploaded-preview{grid-template-columns:90px 1fr;align-items:center;gap:12px;margin-top:14px;display:grid}.uploaded-preview img{object-fit:cover;border-radius:14px;width:90px;height:90px}.uploaded-preview strong{margin-bottom:4px;display:block}.uploaded-preview p{color:#94a3b8;margin:0 0 10px;font-size:13px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.settings-grid small{color:#94a3b8;margin-top:7px;font-size:12px;font-weight:700;display:block}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:0;border-radius:18px;width:100%;margin-top:20px;padding:17px;font-size:16px;font-weight:950;box-shadow:0 20px 70px #7c3aed52}.generate-btn:disabled{opacity:.65;cursor:wait}.output-preview{background:radial-gradient(circle at 35% 30%,#ec489980,#0000 24%),radial-gradient(circle at 70% 45%,#38bdf880,#0000 28%),linear-gradient(135deg,#020617,#312e81);border:1px solid #ffffff1a;border-radius:24px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.output-preview.has-real-image{background:#020617}.output-preview img{object-fit:contain;z-index:2;border-radius:22px;width:100%;height:100%;position:relative}.output-glow{filter:blur(30px);background:radial-gradient(circle,#3b82f6d9,#0000 70%);height:160px;position:absolute;inset:auto 20% 15%}.output-preview p{color:#e5e7eb;font-weight:900;position:relative}.generating-state{z-index:3;text-align:center;justify-items:center;gap:12px;display:grid;position:relative}.generating-state span{color:#94a3b8;font-size:13px;font-weight:800}.loader{border:5px solid #ffffff2e;border-top-color:#8b5cf6;border-radius:50%;width:52px;height:52px;animation:1s linear infinite spin}.before-after{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.before-after div{background:#00000038;border:1px solid #ffffff14;border-radius:18px;padding:10px}.before-after span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.before-after img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.output-actions{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.history-panel{margin-top:30px}.history-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.history-heading p{color:#a78bfa;margin:0 0 6px;font-weight:900}.history-heading h2{margin:0;font-size:30px}.history-heading-actions{align-items:center;gap:10px;display:flex}.history-heading-actions span{color:#94a3b8;font-weight:800}.empty-history{color:#94a3b8;background:#00000038;border-radius:20px;padding:28px}.history-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.history-card{background:#0000003d;border:1px solid #ffffff17;border-radius:22px;overflow:hidden}.history-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.history-card div{padding:14px}.history-card p{color:#e5e7eb;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.history-card span{color:#94a3b8;margin-top:8px;font-size:12px;display:block}.history-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.history-actions button{padding:10px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.workspace{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.app-dashboard{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #ffffff14;border-right:0}.app-sidebar nav{grid-template-columns:repeat(3,1fr)}.app-main{padding:24px}}@media (width<=700px){.app-topbar,.history-heading{flex-direction:column;align-items:start}.settings-grid,.prompt-tools,.output-actions,.before-after,.history-grid,.uploaded-preview,.app-sidebar nav{grid-template-columns:1fr}}.dashboard-input,.editor-tools input,.editor-tools textarea,.publish-grid textarea{color:#fff;background:#00000047;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:13px;font-size:14px}.studio-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.studio-tabs button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:14px;padding:13px 16px;font-weight:900}.studio-tabs button.active,.studio-tabs button:hover{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.video-studio-workspace{grid-template-columns:1fr 1fr}.prompt-tools-wide{grid-template-columns:repeat(5,1fr)}.settings-grid-large{grid-template-columns:repeat(2,1fr)}.advanced-box{background:#0003;border:1px solid #ffffff14;border-radius:18px;margin-top:18px;padding:16px}.advanced-box summary{cursor:pointer;color:#ddd6fe;font-weight:900}.credit-breakdown{background:#0000003d;border:1px solid #ffffff14;border-radius:18px;gap:10px;margin-top:18px;padding:16px;display:grid}.credit-breakdown div{color:#cbd5e1;justify-content:space-between;align-items:center;font-weight:800;display:flex}.credit-breakdown .total{color:#fff;border-top:1px solid #ffffff1a;padding-top:10px}.output-preview video,.history-card video,.editor-preview video{object-fit:contain;z-index:2;background:#020617;border-radius:22px;width:100%;height:100%;position:relative}.editor-grid{grid-template-columns:360px 1fr;gap:20px;display:grid}.editor-tools{gap:12px;display:grid}.editor-tools label,.publish-grid label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:950}.editor-tools button,.asset-card button,.publish-grid button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:14px;padding:12px 14px;font-weight:900}.editor-preview{background:#0000003d;border:1px solid #ffffff14;border-radius:22px;place-items:center;min-height:360px;display:grid;overflow:hidden}.timeline{margin-top:24px}.timeline h3{margin:0 0 14px}.timeline-track{gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.timeline-clip{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;min-width:210px;padding:14px}.timeline-clip strong,.timeline-clip span{display:block}.timeline-clip span{color:#94a3b8;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:900}.timeline-clip p{color:#cbd5e1;font-size:13px}.timeline-clip button{color:#fff;background:#ef444438;border:0;border-radius:12px;margin-top:10px;padding:9px 10px;font-weight:800}.asset-grid,.publish-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.asset-card{background:#00000038;border:1px solid #ffffff14;border-radius:22px;padding:20px}.asset-card h3{margin:0 0 8px}.asset-card p{color:#94a3b8;line-height:1.6}@media (width<=1100px){.video-studio-workspace,.editor-grid,.asset-grid,.publish-grid{grid-template-columns:1fr}.prompt-tools-wide{grid-template-columns:repeat(2,1fr)}}.email-verification-banner{background:linear-gradient(135deg,#3b82f624,#7c3aed29);border:1px solid #8b5cf659;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:22px 24px;display:flex;box-shadow:0 20px 60px #00000038}.email-verification-copy{flex:1}.email-verification-copy strong{color:#fff;margin-bottom:10px;font-size:20px;font-weight:900;display:block}.email-verification-copy p{color:#dbeafe;margin:0;line-height:1.6}.email-verification-address{color:#a5b4fc;margin-top:14px;font-size:14px;font-weight:700;display:inline-block}.email-verification-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);border:0;border-radius:16px;flex-shrink:0;padding:14px 22px;font-size:15px;font-weight:900;transition:all .2s}.email-verification-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #7c3aed59}.email-verification-button:disabled{opacity:.6;cursor:wait}.email-verification-success{color:#86efac;margin-top:14px;font-weight:800}.email-verification-error{color:#fca5a5;margin-top:14px;font-weight:800}@media (width<=900px){.email-verification-banner{flex-direction:column;align-items:flex-start}.email-verification-button{width:100%}}