* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #f0f2f5; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.login-container { background: white; border-radius: 12px; padding: 2.5rem 2rem; width: 90%; max-width: 380px; box-shadow: 0 4px 20px rgba(0,0,0,.1); }
.login-container h1 { text-align: center; margin-bottom: 1.5rem; font-size: 1.4rem; color: #1a73e8; }
.switch-link { text-align: center; margin-top: 1.2rem; font-size: .9rem; color: #666; }
.switch-link a { color: #1a73e8; text-decoration: none; font-weight: 500; margin-left: .3rem; }
.switch-link a:hover { text-decoration: underline; }
form input, form select { width: 100%; padding: .7rem; border: 1px solid #ddd; border-radius: 8px; font-size: .95rem; margin-bottom: .8rem; }
form input:focus, form select:focus { outline: none; border-color: #1a73e8; }
form button[type="submit"] { width: 100%; padding: .75rem; background: #1a73e8; color: white; border: none; border-radius: 8px; font-size: 1rem; cursor: pointer; margin-top: .5rem; }
form button[type="submit"]:hover { background: #1557b0; }
.msg { text-align: center; font-size: .85rem; min-height: 1.2rem; margin-bottom: .5rem; }
.msg.err { color: #d32f2f; }
.msg.ok { color: #2e7d32; }