:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#183c32;background:#f0f5ef;line-height:1.55}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#103f31;color:white;padding:18px max(20px,calc((100vw - 960px)/2))}
.brand{color:inherit;text-decoration:none;font-size:clamp(19px,3vw,26px);font-weight:800;letter-spacing:-.04em}
.brand strong{color:#c6ec70}.dev-tag{font-size:11px;letter-spacing:.13em;font-weight:800;border:1px solid #7b9f8e;border-radius:20px;padding:6px 10px}
main{max-width:960px;margin:0 auto;padding:44px 20px 64px}
.eyebrow{color:#448054;font-size:11px;letter-spacing:.17em;font-weight:900;margin:0}
h1{font-size:clamp(31px,5.6vw,48px);line-height:1.12;letter-spacing:-.045em;margin:12px 0}
h2{font-size:clamp(20px,3vw,25px);line-height:1.2;margin:6px 0 15px}
.lead{max-width:680px;color:#526960;font-size:clamp(16px,2.2vw,19px);margin-bottom:30px}
.account-card,.privacy-card{background:white;border:1px solid #d9e5d9;border-radius:22px;padding:clamp(20px,4vw,36px);box-shadow:0 16px 40px rgba(24,60,50,.035)}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.state{background:#edf1e9;color:#28483e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}
.state[data-state="signed-in"]{background:#dff3d9;color:#25592c}
.state[data-state="signed-out"]{background:#eef0eb}
.state[data-state="error"]{background:#fff0ed;color:#913b29}
#account-message{color:#526960;min-height:26px}
.primary-action{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:410px;min-height:54px;border-radius:13px;background:#174e3b;color:#fff;text-decoration:none;font-size:16px;font-weight:800;padding:12px 20px}
.primary-action:hover{background:#0b3e2b}
button{cursor:pointer;border:1px solid #bfd1c2;border-radius:12px;padding:11px 15px;min-height:46px;font:inherit;font-weight:750;color:#214939;background:#fff}
button:hover{background:#eaf2e9}
button:disabled{opacity:.55;cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid #8fbf28;outline-offset:4px}
[hidden]{display:none!important}
.small{font-size:13px;color:#62786d;margin-top:15px}
.identity-values{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.identity-values div{flex:1 1 220px;border:1px solid #e3eae3;border-radius:13px;padding:16px;min-width:0}
.identity-values dt{color:#65796e;font-size:12px}
.identity-values dd{font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}
.links{display:flex;gap:10px;flex-wrap:wrap}
.links a{display:inline-block;border:1px solid #c7d9c8;border-radius:12px;padding:11px 14px;color:#23553c;font-weight:800;text-decoration:none}
.links a:hover{background:#f1f7ee}
.bottom-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid #e3eae3;padding-top:19px;margin-top:28px}
.bottom-actions a{color:#23583b}
.privacy-card{margin-top:24px;box-shadow:none}
.privacy-card ul{padding-left:19px;color:#4c6859}
.privacy-card li{margin:7px 0}
@media(max-width:520px){main{padding:27px 16px 45px}.topbar{padding:17px 16px}.card-head{align-items:flex-start}.bottom-actions{align-items:stretch;flex-direction:column;gap:14px}.bottom-actions button{width:100%}.primary-action{max-width:none}.account-card,.privacy-card{border-radius:17px}}