*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);min-height:100vh;color:var(--text-body);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;display:flex}.login-container{width:100%;max-width:400px;padding:20px}.login-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:40px 36px}.login-header{text-align:center;margin-bottom:32px}.login-header .logo{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.login-header .logo-img{width:auto;height:40px}.login-header h1{color:var(--text-dark);letter-spacing:-.5px;font-size:22px;font-weight:700}.login-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input{border:1px solid var(--border);width:100%;color:var(--text-dark);background:#fafafa;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--amber);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #d4960c26}.error-message{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:none}.error-message.visible{align-items:center;gap:8px;display:flex}.btn-login{cursor:pointer;background:var(--slate);width:100%;color:var(--amber-light);border:none;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.btn-login:hover{background:#2a2f35}.btn-login:active{transform:scale(.98)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;margin:24px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-sso{border:1px solid var(--border);cursor:pointer;background:var(--bg-card);width:100%;color:var(--text-dark);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-sso:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sso .ph{font-size:18px}.hidden{display:none}.body-fadein{opacity:0;transition:opacity .15s}