:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #0b1220; color: #e7eaf0; }
.container { max-width: 880px; margin: 0 auto; padding: 48px 20px; }
.card { background: #111a2e; border: 1px solid #223055; border-radius: 14px; padding: 24px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
h1 { margin: 0 0 16px; font-size: 28px; }
label { display: block; margin: 12px 0 6px; color: #cfd6e6; }
input { width: 100%; padding: 12px; border-radius: 10px; border: 1px solid #2a3b67; background: #0b1326; color: #e7eaf0; }
button { margin-top: 16px; padding: 12px 16px; border: 0; border-radius: 10px; cursor: pointer; background: #3b82f6; color: #fff; font-weight: 600; }
button.secondary { background: #334155; }
.row { display: flex; gap: 16px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.small { color: #a8b3cc; font-size: 14px; }
.error { margin-top: 12px; color: #ffb4b4; }
hr { border: 0; border-top: 1px solid #223055; margin: 18px 0; }