:root{
  --radius:16px;
  --shadow-md:0 8px 32px rgba(0,0,0,.25);
  --primary:#06d6a0; /* teal-bright */
  --text:#f8f9fa;
  --text-sec:#adb5bd;
  --bg:#0d1b2a;
  --bg-2:#1b263b;
  --border:#415a77;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
a{color:inherit;text-decoration:none}
[id]{scroll-margin-top:80px}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(13,27,42,.96);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.nav .inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 20px}
.nav a:hover{color:var(--primary)}
main{padding-top:80px}
.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}
.notice{background:#2a9d8f;color:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:.5rem}