@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#080d16;--panel:#0e1724;--line:#1c2c40;--text:#eaf2fb;--muted:#8da0b5;--cyan:#55d6e8;--orange:#ffb45b}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:radial-gradient(ellipse at 70% 15%,#12243a 0,transparent 42%),linear-gradient(135deg,#080d16,#0a111d 65%,#0b1522);min-height:100vh;overflow-x:hidden}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 12% 18%,#d9faff 99%,transparent),radial-gradient(1px 1px at 73% 22%,#d9faff 99%,transparent),radial-gradient(1px 1px at 44% 71%,#d9faff 99%,transparent),radial-gradient(1px 1px at 88% 82%,#d9faff 99%,transparent),radial-gradient(1px 1px at 27% 55%,#d9faff 99%,transparent);background-size:370px 290px}
.topbar{height:82px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,7vw,110px);position:relative}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font:600 17px Rajdhani,sans-serif;letter-spacing:2px}.brand b{color:var(--cyan);font-weight:700}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cyan);color:var(--cyan);font:700 13px Rajdhani;transform:skew(-8deg)}
.status{font:600 11px Rajdhani,sans-serif;letter-spacing:1.5px;color:#9fb1c4}.status i,.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);margin-right:9px}
main{max-width:1160px;margin:auto;padding:0 26px}.hero{min-height:510px;padding:90px 0 66px;max-width:720px;position:relative}.eyebrow{font:600 12px Rajdhani,sans-serif;letter-spacing:2.2px;color:var(--cyan)}.eyebrow span{background:var(--cyan);box-shadow:0 0 12px var(--cyan);width:5px;height:5px;vertical-align:middle}
h1{font:700 clamp(58px,9vw,104px)/.88 Rajdhani,sans-serif;letter-spacing:1px;margin:25px 0 26px}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px #55d6e833}.lead{max-width:570px;color:#a9b8c9;font-size:15px;line-height:1.85}
.progress-wrap{max-width:440px;margin:34px 0 30px}.progress-label{display:flex;justify-content:space-between;font:600 11px Rajdhani,sans-serif;letter-spacing:1.2px;color:#8ea2b8;margin-bottom:10px}.progress-label strong{color:var(--orange)}.progress{height:3px;background:#233348;overflow:hidden}.progress span{display:block;width:62%;height:100%;background:linear-gradient(90deg,var(--cyan),#8ff2ed);box-shadow:0 0 12px var(--cyan)}
.button{display:inline-flex;align-items:center;gap:28px;padding:14px 19px;border:1px solid #55d6e877;color:var(--text);text-decoration:none;font:700 12px Rajdhani,sans-serif;letter-spacing:1.4px;transition:.2s}.button:hover{background:#55d6e817;border-color:var(--cyan)}.button span{color:var(--cyan);font-size:17px}.note{font-size:11px;color:#71849a;margin-top:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 62px}.cards article{background:linear-gradient(145deg,#101b2aee,#0b1420ee);border:1px solid var(--line);padding:22px 23px;min-height:142px;position:relative}.cards article:before{content:"";position:absolute;left:0;top:0;width:36px;height:1px;background:var(--cyan)}.card-icon{font-size:24px;color:var(--cyan);margin-bottom:12px}.cards h2{font:700 14px Rajdhani,sans-serif;letter-spacing:1.7px;margin:0 0 8px}.cards p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
footer{border-top:1px solid #ffffff12;padding:21px clamp(22px,7vw,110px);display:flex;justify-content:space-between;gap:16px;color:#667b91;font:600 10px Rajdhani,sans-serif;letter-spacing:1px}
@media(max-width:650px){.topbar{height:68px}.status{font-size:9px}.hero{padding:72px 0 48px;min-height:0}h1{font-size:64px}.cards{grid-template-columns:1fr;margin-bottom:40px}.cards article{min-height:0}footer{flex-direction:column;font-size:9px}}