:root{font-family:"Segoe UI Variable","Segoe UI",sans-serif;color:#242424;background:#f3f3f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#dceeff 0,transparent 34%),linear-gradient(135deg,#f8fbff,#eef3f8);display:grid;grid-template-rows:1fr auto}.login-shell{width:min(980px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1fr 430px;min-height:560px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #14395b26}.login-brand{background:linear-gradient(145deg,#0f6cbd,#07477f);color:#fff;padding:70px 56px;display:flex;flex-direction:column;justify-content:center}.logo{width:52px;height:52px;background:#fff;color:#0f6cbd;display:grid;place-items:center;font-size:28px;font-weight:700;margin-bottom:22px}.login-brand p{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 10px}.login-brand h1{font-size:38px;font-weight:600;margin:0 0 15px}.login-brand span{font-size:16px;line-height:1.6;color:#e8f3fc;max-width:350px}.login-card{padding:52px 46px;align-self:center}.card-heading h2{font-size:27px;margin:0 0 7px}.card-heading p{margin:0 0 28px;color:#616161}.ms-button{height:44px;border:1px solid #8a8886;border-radius:4px;color:#242424;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff}.ms-button:hover{background:#f5f5f5}.ms-button.disabled{opacity:.45;pointer-events:none}.ms-logo{display:grid;grid-template-columns:repeat(2,8px);gap:2px}.ms-logo i{width:8px;height:8px;background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.separator{display:flex;align-items:center;gap:12px;color:#777;font-size:12px;margin:24px 0}.separator:before,.separator:after{content:"";height:1px;background:#ddd;flex:1}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}input{width:100%;height:40px;border:1px solid #8a8886;border-radius:4px;padding:8px 10px;font:inherit}input:focus{outline:2px solid #0f6cbd;outline-offset:1px}form button{width:100%;height:40px;background:#0f6cbd;color:#fff;border:0;border-radius:4px;font-weight:600;margin-top:20px;cursor:pointer}form button:hover{background:#115ea3}.security-note{font-size:11px;line-height:1.5;color:#616161;margin:20px 0 0}.login-message{background:#ebf3fc;border-left:3px solid #0f6cbd;padding:10px 12px;margin:0 0 16px;font-size:13px}.login-message.error{background:#fde7e9;border-color:#c50f1f;color:#8a101c}footer{text-align:center;color:#616161;font-size:12px;padding:18px}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{padding:34px}.login-brand h1{font-size:28px}.login-card{padding:34px}.logo{width:40px;height:40px}.login-shell{margin:18px auto}}