:root{--surface:#f8f9ff;--surface-dim:#cbdbf5;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e5eeff;--surface-container-high:#dce9ff;--on-surface:#0b1c30;--on-surface-variant:#45464d;--inverse-surface:#213145;--outline:#76777d;--outline-variant:#c6c6cd;--surface-tint:#565e74;--primary:#0f172a;--on-primary:#fff;--primary-container:#131b2e;--on-primary-container:#7c839b;--secondary:#334155;--on-secondary:#fff;--secondary-container:#d5e3fd;--on-secondary-container:#57657b;--background:#f8fafc;--on-background:#0b1c30;--error:#ba1a1a;--font-family:"Inter", sans-serif;--unit:4px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--gutter:24px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-level-1:0px 1px 3px #0f172a14;--shadow-level-2:0px 4px 6px -1px #0f172a1a;--shadow-level-3:0px 10px 15px -3px #0f172a1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.login-container{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-level-3);border:1px solid var(--outline-variant);padding:var(--space-xl) var(--space-lg);position:relative;overflow:hidden}.login-card:before{content:"";background-color:var(--primary);width:100%;height:4px;position:absolute;top:0;left:0}.login-header{text-align:center;margin-bottom:var(--space-lg);flex-direction:column;align-items:center;display:flex}.login-icon-container{background-color:var(--surface-container);width:48px;height:48px;color:var(--primary);border-radius:var(--radius-md);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.login-icon-container .material-symbols-outlined{font-size:32px}.login-title{color:var(--primary);letter-spacing:-.02em;margin-bottom:var(--space-xs);font-size:32px;font-weight:600}.login-subtitle{color:var(--on-surface-variant);font-size:14px}.login-error-container{color:#b91c1c;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);opacity:1;background-color:#fee2e2;border:1px solid #fecaca;align-items:center;gap:12px;font-size:13px;line-height:1.4;transition:opacity .3s,transform .3s;display:flex;transform:translateY(0)}.login-error-container.fade-out{opacity:0;transform:translateY(-10px)}.login-error-container .material-symbols-outlined{flex-shrink:0;font-size:20px}.form-group{margin-bottom:var(--space-md)}.form-label-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--on-surface);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;display:block}.form-link{color:var(--primary);font-size:12px;font-weight:600}.form-link:hover{text-decoration:underline}.input-container{position:relative}.input-icon{color:var(--outline);align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-field{border:1px solid var(--outline-variant);border-radius:var(--radius-md);background-color:var(--surface-container-lowest);width:100%;color:var(--on-surface);box-shadow:var(--shadow-level-1);padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-container);outline:none}.input-field::placeholder{color:var(--outline-variant)}.btn-primary{background-color:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-primary:hover{background-color:var(--inverse-surface)}.btn-secondary{background-color:var(--surface-container-lowest);width:100%;color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-secondary:hover{background-color:var(--surface-container-low)}.divider{margin:var(--space-lg) 0;text-align:center;position:relative}.divider:before{content:"";background-color:var(--outline-variant);width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{background-color:var(--surface-container-lowest);color:var(--on-surface-variant);padding:0 12px;font-size:12px;font-weight:600;position:relative}