:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#eef3f9}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(420px,.85fr)}.login-brand{position:relative;display:flex;flex-direction:column;padding:54px 7vw;color:#fff;background:linear-gradient(145deg,#102044,#174d9d 65%,#2876dd);overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff24;border-radius:50%;right:-220px;bottom:-210px;box-shadow:0 0 0 75px #ffffff0b,0 0 0 150px #ffffff08}.login-brand>div:first-of-type{position:absolute}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff;color:#175ac1;font-size:25px;font-weight:900}.login-brand>div:nth-of-type(2){margin-left:60px;display:flex;flex-direction:column}.login-brand>div:nth-of-type(2) strong{font-size:22px}.login-brand>div:nth-of-type(2) span{margin-top:3px;color:#dce9ff;font-size:13px}.brand-message{position:relative;z-index:1;margin:auto 0;max-width:560px}.brand-message h1{font-size:clamp(36px,4vw,60px);line-height:1.05;margin:0 0 22px}.brand-message p{font-size:18px;line-height:1.65;color:#e3edff}.login-card{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(36px,7vw,100px);background:#fff}.login-card header small{font-weight:800;color:#2468d8;letter-spacing:.1em}.login-card h2{font-size:34px;margin:10px 0 8px}.login-card header p{margin:0 0 30px;color:#68758a}.login-card label{display:block;margin:0 0 20px;font-weight:650}.login-card input{width:100%;height:50px;margin-top:8px;border:1px solid #cfd8e6;border-radius:10px;padding:0 14px;font-size:16px;outline:none}.login-card input:focus{border-color:#2468d8;box-shadow:0 0 0 3px #2468d822}.password-field{position:relative}.password-field button{position:absolute;right:7px;top:15px;width:38px;height:38px;border:0;background:transparent;color:#64748b;cursor:pointer}.login-button{width:100%;height:50px;border:0;border-radius:10px;background:#2468d8;color:#fff;font-size:16px;font-weight:750;cursor:pointer;box-shadow:0 8px 20px #2468d83b}.login-button:disabled{opacity:.65}.login-error{margin:-4px 0 18px;padding:12px 14px;border-radius:9px;background:#fff0f1;color:#b42336}.company-list{display:grid;gap:12px}.company-option{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid #d8e0ec;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.company-option:hover{border-color:#2468d8;background:#f5f8ff}.company-option b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf1ff;color:#2468d8}.company-option span{display:flex;flex-direction:column}.company-option small{margin-top:3px;color:#6b778b}.back-button{margin-top:22px;border:0;background:transparent;color:#2468d8;cursor:pointer}.login-card footer{margin-top:50px;color:#95a0b1;font-size:12px}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:230px;padding:30px}.brand-message{margin:55px 0 0}.brand-message h1{font-size:30px}.brand-message p{font-size:15px}.login-card{padding:42px 28px;min-height:calc(100vh - 230px)}}