body { font-family: system-ui, Arial; margin: 0; background: #f6f7fb; }
.nav { display:flex; gap:12px; padding:14px 18px; background:#111; }
.nav a { color:#fff; text-decoration:none; opacity:.9; }
.nav a:hover { opacity:1; }
.container { max-width: 980px; margin: 28px auto; padding: 0 16px; }
.card { background:#fff; padding:18px; border-radius:12px; box-shadow: 0 6px 18px rgba(0,0,0,.06); display:grid; gap:10px; max-width:420px; }
input { padding:10px 12px; border-radius:10px; border:1px solid #ddd; }
button { padding:10px 12px; border:0; border-radius:10px; cursor:pointer; }
.alert { background:#ffe5e5; padding:10px 12px; border-radius:10px; margin: 10px 0; }