:root{color:#17251f;background:#edf2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:20rem;min-height:100vh}.shell{display:grid;min-height:100vh;place-items:center;padding:2rem}.product{width:min(100%,44rem);padding:clamp(2rem,8vw,5rem);border:1px solid #c8d3ca;border-radius:1.5rem;background:#f9fbf8;box-shadow:0 1.5rem 4rem #263e321a}.eyebrow{margin:0 0 1rem;color:#3b6b54;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.4rem,8vw,4.5rem);letter-spacing:-.055em;line-height:.95}.summary{max-width:30rem;margin:1.5rem 0 2.5rem;color:#526259;font-size:1.1rem;line-height:1.6}.status{display:flex;align-items:center;gap:.65rem;padding-top:1.25rem;border-top:1px solid #dce4dd;color:#315b46;font-size:.9rem;font-weight:650}.status-indicator{width:.65rem;height:.65rem;border-radius:50%;background:#36a269;box-shadow:0 0 0 .25rem #d9eee2}.credential-form{display:grid;gap:1.2rem}.credential-form label{display:grid;gap:.5rem;color:#3e5046;font-size:.9rem;font-weight:650}.credential-form input{width:100%;padding:.8rem .9rem;border:1px solid #b8c5ba;border-radius:.65rem;color:#17251f;background:#fff;font:inherit}.credential-form input:focus{border-color:#3b6b54;outline:.2rem solid #d9eee2}button{width:fit-content;padding:.75rem 1.1rem;border:0;border-radius:.65rem;color:#fff;background:#315b46;font:inherit;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.secondary-action{color:#315b46;background:#e1ebe4}[role=alert]{margin:0;color:#a13030;font-size:.9rem}