*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#1e293b;min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:400px;padding:1rem}.login-card{background:#fff;border-radius:1rem;padding:2.5rem 2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;margin-bottom:1rem}.login-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.login-header p{font-size:.875rem;color:#64748b}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-group input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.login-submit{width:100%;padding:.75rem;background:#2563eb;color:#fff;font-weight:600;font-size:.9375rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.login-submit:hover{background:#1d4ed8}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem}.login-footer a{color:#64748b;font-size:.875rem;text-decoration:none}.login-footer a:hover{color:#2563eb}