:root{--bg:#071722;--panel:#0d2635;--panel2:#102f41;--line:#24475b;--blue:#39a9e6;--orange:#f59e0b;--text:#f6f8fa;--muted:#a9bcc8;--green:#22c55e;--red:#ef4444;--yellow:#fbbf24}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#06131d,#0a2230 58%,#06131d);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.topbar{height:78px;border-bottom:1px solid #173749;background:#051119e8;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:25px;font-weight:800}.brand>span:last-child>span{color:var(--blue)}.shield{display:grid;place-items:center;width:38px;height:42px;background:linear-gradient(145deg,#2585b8,#0e4260);clip-path:polygon(50% 0,94% 16%,88% 70%,50% 100%,12% 70%,6% 16%);font-size:11px}.tag,.eyebrow{color:#7fcff7;letter-spacing:.16em;font-size:12px;font-weight:700}.dashboard{max-width:1320px;margin:auto;padding:70px 24px}.hero{max-width:720px;margin-bottom:45px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1;margin:10px 0 18px}.hero p{color:var(--muted);font-size:18px;line-height:1.6}.hero .eyebrow{font-size:12px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tile{min-height:230px;border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),#091d29);padding:24px;border-radius:14px;position:relative;display:flex;flex-direction:column;color:var(--text);text-decoration:none;transition:.2s}.tile.active:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 16px 40px #0008}.tile.active:before{content:"";position:absolute;inset:-1px auto -1px -1px;width:4px;border-radius:14px 0 0 14px;background:linear-gradient(var(--blue),var(--orange))}.num{color:#638093;font:700 12px monospace;letter-spacing:.15em}.icon{position:absolute;right:22px;top:18px;color:var(--orange);font-size:30px}.tile h2{font-size:19px;margin:35px 0 10px}.tile p{color:var(--muted);line-height:1.5;font-size:14px;margin:0}.open{margin-top:auto;color:var(--orange);font-weight:800;font-size:12px;letter-spacing:.08em}.badge{margin-top:auto;width:max-content;border:1px solid #34566a;color:#7791a0;border-radius:20px;padding:6px 10px;font-size:10px;letter-spacing:.1em}.soon{opacity:.68}footer{border-top:1px solid #173749;padding:30px;text-align:center;color:#6f8794;font-size:13px}@media(max-width:1050px){.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.tag{display:none}.dashboard{padding-top:42px}.tiles{grid-template-columns:1fr}.tile{min-height:190px}.topbar{height:66px}}