:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#eaf1ff;background:#0b1324;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 17% 5%,#1d3868 0,transparent 32%),linear-gradient(145deg,#0b1324,#101e37 60%,#0b1324)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{max-width:1160px;margin:auto;padding:0 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#55d7c2;color:#0b1324;border-radius:11px;font-size:19px}.top-note{color:#a9bacf;font-size:14px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;padding:90px 0 105px}.eyebrow{display:inline-block;color:#63dec9;background:#55d7c21c;border:1px solid #55d7c24b;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700}h1{font-size:clamp(38px,4.9vw,68px);line-height:1.18;letter-spacing:-1.4px;margin:23px 0 22px}h1 span{color:#69e0cb}.intro{font-size:18px;line-height:1.95;color:#bbc9da;max-width:640px;margin:0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px}.primary,.secondary{min-height:52px;padding:13px 22px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.primary{background:#59dec9;border:1px solid #59dec9;color:#081b27;box-shadow:0 12px 28px #42cfb52e}.primary:hover:enabled{background:#87eddc}.primary:disabled{opacity:.62;cursor:wait}.secondary{border:1px solid #697b93;color:#edf3ff}.secondary:hover{background:#ffffff12}.release-details{font-size:13px;color:#9eb0c7;min-height:24px}.download-progress{max-width:500px;margin-top:22px;padding:18px;border:1px solid #ffffff28;border-radius:14px;background:#ffffff0b}.progress-top{display:flex;justify-content:space-between;gap:12px;font-size:14px}progress{width:100%;height:12px;margin:14px 0 8px;accent-color:#59dec9}.text-button{border:0;background:none;color:#9fece0;padding:4px 0}.status{min-height:24px;color:#e1eafa;font-size:14px}.status.error{color:#ffb3a9}.preview{background:linear-gradient(165deg,#20385d,#132640);border:1px solid #54709a66;border-radius:22px;box-shadow:0 28px 90px #0006;overflow:hidden;transform:rotate(-2deg)}.preview-head{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#112139;padding:0 18px;color:#cedbec;font-size:13px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#6c86a5}.preview-body{padding:30px}.mini-label{font-size:13px;color:#c5d4e6;margin-bottom:9px}.fake-input{height:46px;border:1px solid #6881a1;background:#0e1d34;border-radius:9px;padding:12px 14px;color:#aac1d8;display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;direction:ltr;text-align:left}.fake-input span{color:#69e0cb}.fake-button{height:46px;background:#59dec9;color:#0b2330;font-weight:800;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 27px}.result{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff21;padding-top:21px}.result-icon{width:36px;height:36px;background:#59dec933;color:#76eedc;border-radius:50%;display:grid;place-items:center;font-weight:800}.result strong,.result small{display:block}.result small{color:#a2b5ca;margin-top:4px}.section{padding:20px 0 90px}.section-heading span{color:#69e0cb;font-size:14px;font-weight:700}.section-heading h2,.notes h2{font-size:34px;margin:8px 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:#172945;border:1px solid #ffffff18;border-radius:18px;padding:24px}.step-number{color:#69e0cb;font-weight:800;font-size:14px}.step h3{font-size:20px;margin:18px 0 10px}.step p,.note-grid p{color:#b6c5d7;line-height:1.85;margin:0}.notes{background:#d9e8f2;color:#122239;border-radius:23px;padding:35px;margin-bottom:60px}.notes h2{margin:0 0 18px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.note-grid p{color:#344a61}.note-grid strong{color:#0d3345}footer{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:20px;padding:30px 0 45px;color:#99abc1;font-size:13px}footer div{display:flex;gap:20px}footer a:hover{color:#69e0cb}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:45px;padding:60px 0}.preview{max-width:500px;width:100%;margin:auto;transform:none}.steps,.note-grid{grid-template-columns:1fr}.notes{padding:25px}.top-note{display:none}}@media(max-width:520px){.shell{padding:0 18px}.hero{padding:45px 0 60px}h1{font-size:36px}.intro{font-size:16px}.primary,.secondary{width:100%}.preview-body{padding:21px}footer{flex-direction:column}.section{padding-bottom:60px}}
.url-field{display:flex;gap:8px;margin:9px 0 7px;direction:ltr}.url-field input{min-width:0;flex:1;height:46px;border:1px solid #6881a1;background:#0e1d34;border-radius:9px;padding:0 12px;color:#eaf1ff;font:inherit;text-align:left}.url-field input::placeholder{color:#8fa8c1}.url-field input:focus-visible,.url-field button:focus-visible,.copy-button:focus-visible{outline:2px solid #69e0cb;outline-offset:2px}.url-field button{border:1px solid #69e0cb;background:#163d50;color:#d8fff8;border-radius:9px;padding:0 13px;white-space:nowrap}.url-field button:hover,.copy-button:hover{background:#24556a}.url-help,.url-status{font-size:12px;line-height:1.6;color:#bfd0e2;margin:0 0 10px}.url-status{min-height:20px;margin:7px 0 15px}.url-status.error{color:#ffb3a9}.copy-button{width:100%;min-height:40px;border:1px solid #69e0cb;background:#184458;color:#e7fff9;border-radius:9px;font-weight:700;margin:0}