:root{--primary-color: #0B1742;--primary-hover: #1a2a6c;--bg-light: #F5F5F5;--text-dark: #231F20;--accent: #AAAAAA}body{background-color:var(--bg-light);color:var(--text-dark)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-split-card{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(11,23,66,.15);background:#fff;max-width:1000px;width:100%}.login-brand-panel{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand-panel::before{content:"";position:absolute;top:-20%;right:-20%;width:300px;height:300px;background:hsla(0,0%,100%,.05);border-radius:50%}.login-brand-panel::after{content:"";position:absolute;bottom:-10%;left:-10%;width:200px;height:200px;background:hsla(0,0%,100%,.08);border-radius:50%}.login-form-panel{padding:4rem 3rem;background-color:#fff}.form-control-lg{font-size:1rem;padding:.85rem 1.25rem;border-radius:8px;border:1px solid #d1d5db;background-color:var(--bg-light);transition:all .2s ease}.form-control-lg:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(11,23,66,.1);background-color:#fff}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:8px;font-weight:600;padding:.85rem;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(11,23,66,.2)}.btn-google,.btn-microsoft{border-radius:8px;font-weight:500;padding:.75rem;transition:all .2s ease}.btn-google:hover,.btn-microsoft:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.divider{display:flex;align-items:center;text-align:center;margin:2rem 0;color:var(--accent)}.divider::before,.divider::after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:not(:empty)::before{margin-right:.5em}.divider:not(:empty)::after{margin-left:.5em}@media(max-width: 768px){.login-brand-panel{padding:2rem;text-align:center}.login-form-panel{padding:2rem}}