:root{color:#172b24;font-synthesis:none;background:#f2f5f3;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-width:280px;min-height:100vh;margin:0;padding:24px;display:grid}#app{width:100%;min-width:0}.card{overflow-wrap:anywhere;background:#fff;border:1px solid #d9e2dd;border-radius:20px;width:min(100%,440px);margin:auto;padding:32px;box-shadow:0 12px 48px #172b2408}h1{margin:12px 0 24px;font-size:1.6rem;line-height:1.25}.eyebrow{color:#53695e;font-size:.8rem;font-weight:600}form{flex-direction:column;gap:10px;display:flex}label{margin-top:6px;font-size:.9rem;font-weight:600}input{width:100%;font:inherit;border:1px solid #8b9f94;border-radius:8px;padding:12px}button{color:#fff;font:inherit;cursor:pointer;background:#235c43;border:0;border-radius:8px;margin-top:14px;padding:12px 18px;font-weight:600}button:hover{background:#194a35}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6baf8c}.error{color:#a32626;line-height:1.5}.muted{color:#53695e;line-height:1.5}@media (width<=420px){body{padding:12px}.card{padding:24px}}