:root{--bg:#0f172a;--panel:#111827;--text:#e5e7eb;--muted:#94a3b8;--brand:#22d3ee;--accent:#a78bfa}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#020617);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:1.5rem}.card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 10px 25px rgba(0,0,0,.2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.muted{color:var(--muted)}.brand{color:var(--brand)}.accent{color:var(--accent)}header.site{border-bottom:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.2)}nav a{margin-right:1rem;font-weight:600}nav a:last-child{margin-right:0}footer.site{padding:2rem 0;border-top:1px solid hsla(0,0%,100%,.08);margin-top:3rem}button,input,textarea{background:#0b1220;color:var(--text);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:.6rem .8rem}button{background:linear-gradient(90deg,var(--brand),var(--accent));border:none;color:#0b1220;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}