:root{--red:#e50914;--bg:#050608;--card:rgba(20,20,24,.82);--line:#2b2f3a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:white;font-family:Arial,Tahoma,sans-serif}.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,#431018,transparent 35%),radial-gradient(circle at 80% 0,#102947,transparent 35%),linear-gradient(180deg,#050608,#09090d);z-index:-1}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);border-bottom:1px solid #222}.logo{font-weight:900;font-size:20px;color:#fff}nav,.tabs{display:flex;gap:8px;overflow:auto}button,.downloadBtn{border:0;border-radius:16px;padding:13px 17px;background:#23252d;color:white;font-weight:900;cursor:pointer;text-decoration:none;text-align:center}.primary,.activeTab,.downloadBtn,button:hover{background:linear-gradient(135deg,var(--red),#ff5b2e)}main{max-width:1150px;margin:auto;padding:22px}.page{display:none}.page.active{display:block}.hero{padding:30px;border-radius:28px;background:linear-gradient(135deg,rgba(229,9,20,.22),rgba(20,20,30,.75));border:1px solid var(--line);margin-bottom:18px}.hero h1{margin:0 0 10px;font-size:34px}.hero p{color:#e2e2e2;line-height:1.8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;display:grid;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.28)}label{font-weight:900}input,select{width:100%;padding:15px;border-radius:16px;background:#090b10;color:white;border:1px solid #343946;font-size:16px}.hide{display:none!important}.preview video{width:100%;max-height:360px;border-radius:18px;background:#000}.hint{color:#aaa}.loader,.done{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);padding:18px}.loaderCard,.doneCard{width:min(560px,100%);border-radius:30px;padding:28px;background:linear-gradient(145deg,#161923,#090a0e);border:1px solid #333b4b;text-align:center;box-shadow:0 30px 90px #000}.orb{height:130px;position:relative;margin:auto;width:180px}.orb span{position:absolute;inset:20px;border-radius:50%;border:4px solid transparent;border-top-color:#e50914;animation:spin 1.2s linear infinite}.orb span:nth-child(2){inset:35px;border-top-color:#3aa3ff;animation-duration:1.7s}.orb span:nth-child(3){inset:50px;border-top-color:#ffd166;animation-duration:2.2s}@keyframes spin{to{transform:rotate(360deg)}}.steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.steps b{padding:10px;border-radius:14px;background:#10131a;color:#8f96a3}.steps b.on{background:#1c301f;color:#75ff91}.progress{height:14px;background:#282c35;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e50914,#ffba08,#26d07c);transition:.4s}.fun{margin-top:14px;color:#d0d4dd}.doneCard h2{font-size:30px;margin:0 0 10px}@media(max-width:760px){header{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.hero h1{font-size:26px}.steps{grid-template-columns:1fr}}