body { margin: 0; font-family: system-ui, sans-serif; background: #f6f6f7; }
.login { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login__card { background: #fff; border-radius: 8px; padding: 40px; width: 360px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.login__card h1 { font-size: 1.4rem; margin: 0 0 24px; }
label { display: block; font-size: 0.875rem; font-weight: 500; margin-bottom: 6px; }
input { width: 100%; padding: 10px 12px; border: 1px solid #c9cccf; border-radius: 6px; font-size: 1rem; box-sizing: border-box; margin-bottom: 16px; }
button { width: 100%; padding: 12px; background: #008060; color: #fff; border: none; border-radius: 6px; font-size: 1rem; font-weight: 600; cursor: pointer; }
button:hover { background: #006e52; }
.error { color: #cc0000; font-size: 0.8rem; margin-top: -12px; margin-bottom: 12px; }