:root{
 --bg:#0b0d10;--fg:#eaeaea;--accent:#c9a24d;--muted:#9aa0a6;
}
*{box-sizing:border-box}
body{
 margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
 background:var(--bg);color:var(--fg);line-height:1.6
}
header,footer{text-align:center;padding:1rem}
nav a{
 display:block;padding:.6rem;color:var(--accent);text-decoration:none
}
nav a:hover{background:rgba(255,255,255,.05)}
main{padding:1rem;max-width:860px;margin:auto}
h1,h2,h3{color:var(--accent)}
.card{
 border:1px solid rgba(255,255,255,.12);
 padding:1rem;border-radius:6px;margin-bottom:1rem
}
button,input,textarea{
 width:100%;padding:.6rem;background:#111;border:1px solid #333;color:var(--fg)
}
button{background:var(--accent);font-weight:700;cursor:pointer}
@media(min-width:768px){
 nav{display:flex;justify-content:center;gap:1rem}
}