/* Minimal, readable styles */
:root{
  --bg:#0f172a;
  --card: rgba(255,255,255,0.06);
  --text:#e5e7eb;
  --muted:#94a3b8;
  --link:#93c5fd;
  --border: rgba(255,255,255,0.15);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#0ea5e9 0%, #6366f1 60%, #0f172a 100%);min-height:100%}
body{font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; color:var(--text);}

header{padding:28px 20px 0; text-align:center;}
h1{margin:0 0 4px;font-size:28px}
.tagline{margin:0 0 10px;color:var(--text); opacity:.9}
nav a{color:var(--link); text-decoration:none; margin:0 8px}
nav a[aria-current="page"]{text-decoration:underline}

main{max-width:840px;margin:16px auto;padding:0 16px 40px}
.card{background:var(--card); backdrop-filter: blur(8px); border:1px solid var(--border);
  border-radius:16px; padding:18px; margin:12px 0;}

details{background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:12px; padding:12px; margin:8px 0;}
summary{cursor:pointer; font-weight:600}

a{color:var(--link)}

footer{max-width:840px; margin:0 auto; padding:16px; text-align:center; color:var(--muted);}