:root{color-scheme:dark;--bg:#080b0f;--card:#131922;--line:#273340;--text:#edf7fa;--muted:#b4c8d0;--teal:#75e7d1;--blue:#5eabf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1000px 700px at 80% -10%,#18364c 0%,transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;margin:0;font-size:16px;line-height:1.75}
a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px}a:hover,a:focus{color:#bafcf1}header{border-bottom:1px solid #294055;background:#080d13df;position:relative}nav{max-width:980px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px}nav .brand{font-weight:750;font-size:1.25rem;letter-spacing:.01em;color:var(--text);text-decoration:none}nav .navlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem}main{max-width:890px;margin:0 auto;padding:38px 20px 86px}.intro{display:flex;align-items:center;gap:22px;margin-bottom:18px}.brandmark{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 14px #3dcce466)}h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.18;margin:0 0 8px;letter-spacing:-.025em}h2{font-size:1.26rem;margin:34px 0 9px;line-height:1.3}p{margin:10px 0 14px}ul{padding-left:23px}.meta{color:var(--muted);font-size:.87rem}.subtitle{font-size:1.08rem;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:18px;padding:22px 26px;background:linear-gradient(160deg,#14202b,#0e141b);margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.item{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.item h2{margin:0 0 6px}.item p{color:var(--muted)}.tag{font-size:.75rem;border-radius:999px;padding:5px 10px;background:#1e3539;color:var(--teal)}footer{border-top:1px solid var(--line);background:#0b1118;color:var(--muted);padding:23px 20px;font-size:.88rem}footer div{max-width:980px;margin:auto;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}strong{color:#fff}.btn{display:inline-block;background:linear-gradient(110deg,#248398,#2db99d);color:#051216;border-radius:10px;padding:9px 16px;text-decoration:none;font-weight:700}.btn:hover{color:#08121c;background:#70ddcc}
@media(max-width:650px){nav{align-items:flex-start;flex-direction:column}.intro{align-items:center}.brandmark{width:68px;height:68px}.panel{padding:19px}}