@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#090b14;--panel:#111522;--line:#262b3e;--muted:#a2a9bd;--text:#f6f7fb;--purple:#9b7bff;--cyan:#60e7dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',Tahoma,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(110px);opacity:.16;pointer-events:none}.a1{background:#6746ff;top:20px;right:-220px}.a2{background:#00c7bd;top:480px;left:-270px}.topbar{max-width:1160px;margin:auto;padding:24px 24px;display:flex;align-items:center;gap:32px;position:relative;z-index:1;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:21px;font-weight:900}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#9c7cff,#55ded5);color:#10121b;font-size:22px}.brand-ai{color:var(--cyan);margin-right:4px}.topbar nav{display:flex;gap:26px;margin-right:auto}.topbar nav a{color:#b7bdd0;text-decoration:none;font-size:13px}.topbar nav a:hover{color:white}.status{font-size:12px;color:#c6cadd;border:1px solid #ffffff16;border-radius:50px;padding:8px 13px}.status i{display:inline-block;width:7px;height:7px;background:#52e1a0;border-radius:50%;margin-left:7px;box-shadow:0 0 12px #52e1a0}.hero{max-width:900px;margin:0 auto;padding:68px 24px 45px;text-align:center;position:relative}.eyebrow{color:#c5b8ff;font-size:13px;display:inline-flex;align-items:center;gap:8px;background:#8b70ff16;border:1px solid #9b7bff30;border-radius:30px;padding:8px 15px}.hero h1{font-size:clamp(35px,5vw,60px);line-height:1.35;letter-spacing:-1.5px;margin:22px 0 12px;font-weight:900}.gradient{background:linear-gradient(90deg,#b49aff,#65e4dd);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-copy{max-width:650px;margin:0 auto;color:#aeb5c8;line-height:2;font-size:15px}.hero-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-tags span{font-size:12px;color:#c6ccdc;background:#ffffff08;border:1px solid #ffffff0d;padding:7px 12px;border-radius:30px}.workspace{width:min(790px,calc(100% - 32px));margin:0 auto 70px;padding:30px;background:linear-gradient(145deg,#141827,#0e111c);border:1px solid #ffffff15;border-radius:24px;box-shadow:0 25px 80px #0005;position:relative}.panel-head,.result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-head>div,.result-top>div{display:flex;align-items:center;gap:12px}.step{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#9273ff1c;border:1px solid #9273ff4a;color:#c7b7ff;font-size:12px;font-weight:800}h2{font-size:19px;margin:0;font-weight:800}.small-label,.hint,.under-text,.fine-print{color:#858da5;font-size:11px}.workspace label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.hint{font-weight:400;margin-right:8px}textarea,select{font:inherit;color:#f4f5fb;background:#0b0e18;border:1px solid #2a3044;border-radius:13px;width:100%;outline:none}textarea{height:142px;padding:16px;resize:vertical;line-height:1.9}textarea:focus,select:focus{border-color:#8c73f7;box-shadow:0 0 0 3px #8c73f71c}textarea::placeholder{color:#697188}.under-text{display:flex;justify-content:space-between;margin-top:7px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.options select{padding:11px 12px;font-size:12px;cursor:pointer}.notice{display:flex;gap:12px;background:#f2bd4c0b;border:1px solid #f2bd4c28;border-radius:13px;padding:13px 15px;margin:23px 0}.notice-icon{font-size:20px;color:#f5ca73}.notice b{font-size:12px;color:#f4d18a}.notice p{font-size:11px;line-height:1.8;color:#b5ad9b;margin:3px 0 0}.primary{width:100%;border:0;border-radius:13px;padding:15px 18px;background:linear-gradient(100deg,#a78bfa,#6bded5);color:#10121b;font:800 15px 'Cairo',sans-serif;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 9px 28px #8f73ff26;transition:transform .2s,filter .2s}.primary:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary:disabled{opacity:.6;cursor:wait;transform:none}.arrow{position:absolute;margin-right:600px}.fine-print{text-align:center;margin:12px 0 0}.result{border-top:1px solid #ffffff12;margin-top:28px;padding-top:24px}.pill{font-size:11px;color:#d6c9ff;background:#9273ff1c;border:1px solid #9273ff3b;padding:6px 11px;border-radius:30px}.progress-track{height:7px;background:#252a3c;border-radius:20px;overflow:hidden}.progress-track div{height:100%;width:12%;background:linear-gradient(90deg,#a58aff,#5de3d9);border-radius:20px;transition:width .5s}.progress-wrap p{color:#9ca5bc;font-size:12px}.video-wrap video{display:block;width:100%;max-height:480px;background:#05060a;border-radius:14px;margin:14px 0}.download{display:inline-block;color:#11131a;background:#72e4d9;border-radius:10px;padding:10px 16px;text-decoration:none;font-weight:800;font-size:13px}.error{color:#ffb3b3;background:#ff51510c;border:1px solid #ff51512b;padding:12px;border-radius:10px;font-size:12px;line-height:1.8}.hidden{display:none!important}.how{max-width:1000px;margin:0 auto;padding:10px 24px 80px}.section-title{text-align:center;margin-bottom:28px}.section-title .eyebrow{font-size:11px}.section-title h2{font-size:26px;margin-top:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{background:#ffffff05;border:1px solid #ffffff10;border-radius:17px;padding:23px}.step-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#9273ff1c;color:#c5b5ff;font-size:20px}.steps h3{font-size:15px;margin:17px 0 7px}.steps p{font-size:12px;line-height:1.9;color:#9fa7bc;margin:0}footer{max-width:1160px;margin:auto;border-top:1px solid #ffffff0d;padding:24px;display:flex;justify-content:space-between;align-items:center;color:#777f95;font-size:11px}footer .brand{font-size:16px}footer .brand-mark{width:29px;height:29px;border-radius:9px;font-size:17px}@media(max-width:650px){.topbar{padding:16px;gap:12px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.status{display:none}.hero{padding:48px 18px 35px}.hero h1{letter-spacing:-.5px}.hero-copy{font-size:13px}.workspace{padding:20px 16px;border-radius:18px}.panel-head{align-items:flex-start}.small-label{display:none}.options{grid-template-columns:1fr;gap:13px}.steps{grid-template-columns:1fr}.section-title h2{font-size:21px}.arrow{position:static;margin-right:0;margin-right:auto}footer{padding:20px 16px}.hint{display:block;margin:3px 0 0}.under-text{font-size:10px}}