:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:.55rem;padding:.75rem 1rem;color:#fff;background:#4263eb;cursor:pointer;font-weight:700}button:hover:not(:disabled){background:#364fc7}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible{outline:3px solid #91a7ff;outline-offset:2px}.app-shell{display:grid;min-height:100vh;place-items:center;padding:2rem}.auth-card{width:min(100%,26rem);padding:2rem;border:1px solid #dce3f0;border-radius:.9rem;background:#fff;box-shadow:0 1rem 3rem #17203314}.eyebrow{margin:0 0 .75rem;color:#4263eb;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0 0 .75rem;font-size:clamp(2rem,7vw,3.5rem);line-height:1}.intro-text,.user-message,.loading-message{color:#526078}.login-form{display:grid;gap:1rem;margin-top:1.5rem}.form-field{display:grid;gap:.4rem}.form-field label{font-weight:700}.form-field input{width:100%;border:1px solid #b8c2d6;border-radius:.5rem;padding:.7rem .75rem;color:#172033;background:#fff}.error-message{margin:0;border-radius:.5rem;padding:.75rem;color:#a61e4d;background:#fff0f6}