.login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.login>.container{display:flex;justify-content:center}.login-card{width:100%;max-width:400px;padding:32px 24px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.login-title{margin:0 0 24px;font-size:1.5rem;text-align:center}.login-notice{margin:0 0 16px;padding:12px;color:#166534;background-color:#f0fdf4;border-radius:4px;font-size:.875rem}.login-alert{margin:0 0 16px;padding:12px;color:#b91c1c;background-color:#fef2f2;border-radius:4px;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:.875rem;font-weight:600}.login-field input{padding:10px 12px;font-size:1rem;border:1px solid #d1d5db;border-radius:4px}.login-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.login-actions{margin-top:8px}.login-submit{width:100%;padding:12px;font-size:1rem;font-weight:600;color:#fff;background-color:#2563eb;border:none;border-radius:4px;cursor:pointer}.login-submit:hover{background-color:#1d4ed8}@media screen and (max-width: 767px){.login-card{padding:24px 16px}}