:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191c22;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#fff 0,#f6f7f9 47%,#edf0f3)}.login-card,.working-card{width:min(100%,456px);border:1px solid #e2e5e9;border-radius:18px;background:#fff;box-shadow:0 18px 48px #1a212e1a;overflow:hidden}.brand-header{display:flex;justify-content:center;align-items:center;min-height:148px;padding:42px 42px 30px;border-bottom:1px solid #eef0f3}.brand-logo{display:block;width:min(100%,260px);height:auto}.form-content{padding:30px 38px 34px}.eyebrow{margin:0 0 7px;color:#757b85;font-size:11px;font-weight:750;letter-spacing:.11em}h1{margin:0;color:#171b22;font-size:29px;line-height:1.15;letter-spacing:-.035em}.subtitle,.working-copy{margin:9px 0 26px;color:#707782;font-size:14px;line-height:1.55}form{display:grid;gap:8px}label{margin-top:8px;color:#343a43;font-size:13px;font-weight:650}input{width:100%;height:46px;padding:0 13px;color:#1c2027;border:1px solid #d9dee5;border-radius:8px;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a0a7b1}input:focus{border-color:#20252d;box-shadow:0 0 0 3px #20252d1a}.password-field{position:relative}.password-field input{padding-right:47px}.visibility-button{position:absolute;right:2px;top:2px;width:42px;height:42px;color:#69717c;border:0;border-radius:7px;background:transparent;display:grid;place-items:center}.visibility-button:hover{color:#20252d;background:#f2f3f5}.submit-button{height:47px;margin-top:16px;border:0;border-radius:8px;color:#fff;background:#1d222a;font-weight:700;transition:background .15s,transform .15s}.submit-button:hover:not(:disabled){background:#090c11;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.55}.form-error{margin:7px 0 0;color:#bf2c2c;font-size:13px;line-height:1.4}footer{padding:17px 26px 19px;border-top:1px solid #eef0f3;color:#777e88;font-size:11px;text-align:center}footer span{display:block;margin-top:4px;color:#9ba1aa}.working-card{text-align:center;padding:55px 42px 45px}.working-card .brand-logo{margin:0 auto 39px}.working-card h1{font-size:31px}.working-copy{max-width:310px;margin:10px auto 27px}.status-mark{display:flex;justify-content:center;gap:6px;margin-bottom:19px}.status-mark span{width:7px;height:7px;border-radius:50%;background:#252a32;animation:pulse 1.2s ease-in-out infinite}.status-mark span:nth-child(2){animation-delay:.15s}.status-mark span:nth-child(3){animation-delay:.3s}.logout-button{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;color:#535b66;border:1px solid #dfe3e8;border-radius:8px;background:#fff;font-size:13px;font-weight:650}.logout-button:hover{color:#20252d;background:#f6f7f8}@keyframes pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media(max-width:480px){.app-shell{padding:14px}.form-content{padding:27px 24px 30px}.brand-header{min-height:130px;padding:36px 30px 28px}.working-card{padding:45px 27px 38px}}