/* /css/style.css */
:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; }
body { margin: 0; background: #0b1220; color: #e8eefc; }
.container { max-width: 720px; margin: 5rem auto; padding: 0 1rem; }
h1, h2 { margin: 0 0 1rem; }
.card { background: #121a2b; border: 1px solid #26314b; padding: 1rem; border-radius: 16px; margin-bottom: 1rem; }
label { display: block; margin: .5rem 0; }
input { width: 100%; padding: .6rem .7rem; border-radius: 10px; border: 1px solid #2c3a5c; background: #0f1727; color: #e8eefc; }
button { padding: .7rem 1rem; border-radius: 12px; border: 1px solid #3a4c77; background: #1a2743; color: #e8eefc; cursor: pointer; }
button:hover { filter: brightness(1.2); }