body {font-family: system-ui, Arial, sans-serif; background: #f3f4f6; margin:0; display:flex; align-items:center; justify-content:center; height:100vh}
		.container {background:#fff; padding:2rem; border-radius:8px; box-shadow:0 4px 16px rgba(0,0,0,0.08); width:100%; max-width:420px}
		h1 {margin:0 0 1rem; font-size:1.25rem}
		.form-group {margin-bottom:1rem}
		label {display:block; margin-bottom:0.25rem; font-weight:600}
		input[type="email"], input[type="password"] {width:100%; padding:0.75rem; border:1px solid #d1d5db; border-radius:6px; font-size:1rem}
		.error {color:#dc2626; font-size:0.9rem; margin-top:0.5rem}
		.actions {display:flex; gap:0.5rem; align-items:center; margin-top:1rem}
		button.primary {flex:1; padding:0.75rem; border:none; border-radius:6px; background:#2563eb; color:#fff; font-weight:600; cursor:pointer}
		.secondary {background:transparent; border:1px solid #2563eb; color:#2563eb; padding:0.6rem 0.9rem; border-radius:6px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center}
		.register-link {text-decoration:none}
		@media (max-width:480px){ .container{padding:1rem} }