:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202327;background:#f4f5f1;line-height:1.6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:44px 28px 60px}.narrow{max-width:660px}
.brand{color:#202327;font-weight:800;font-size:24px;letter-spacing:-1px;text-decoration:none;display:inline-flex;gap:18px;align-items:center}
.brand span{font-size:9px;letter-spacing:1.6px;color:#666b64;font-weight:650}.eyebrow{font-size:11px;letter-spacing:2px;color:#627340;font-weight:750;margin-top:64px}
h1{font-size:clamp(34px,6vw,56px);letter-spacing:-2px;line-height:1.08;font-weight:650;margin:20px 0}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 16px}.intro{color:#59605a;max-width:560px;font-size:17px;margin:24px 0 32px}
.card{background:#fff;border:1px solid #dfe3d8;border-radius:16px;padding:28px;margin:20px 0;box-shadow:0 4px 20px #22331005}
label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}input{font:inherit;width:100%;border:1px solid #bdc5b5;border-radius:7px;padding:11px 12px;background:#fcfdfb;color:#202327}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #98b06f;outline-offset:3px}
button{font:inherit;font-size:14px;font-weight:650;cursor:pointer;border:1px solid #344b26;background:#344b26;color:#fff;padding:11px 20px;border-radius:7px;margin-top:22px}
button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#344b26;background:transparent;border-color:#bec8b5;margin-top:0}.danger{color:#8b3434;border-color:#dbbcbc}
.secondary-form{margin-top:12px}.muted,footer{font-size:13px;color:#697167}footer{margin-top:40px;border-top:1px solid #dfe3d8;padding-top:20px}
.notice{background:#f9ece4;padding:12px;border-radius:7px;color:#7a4129}.identity{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #e8ebE3;margin-bottom:22px;font-size:14px}.identity h2{margin:0}
fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:650;margin-bottom:12px}.permission{display:flex;gap:14px;align-items:flex-start;padding:15px;border:1px solid #e1e6da;border-radius:9px;margin-top:10px}.permission input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:#344b26}.permission strong{display:block}.permission small{display:block;font-weight:400;color:#697167;margin-top:3px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span,.badge{font-size:12px;background:#eef2e7;border-radius:5px;padding:4px 9px;color:#435936}
.card-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.card-heading h2{margin:0}.badge{flex-shrink:0}.badge-unverified{background:#f9ece4;color:#7a4129}
.client-description{font-size:14px;color:#59605a;margin:0}.client-details{margin:20px 0 0;padding:16px;background:#f4f5f1;border:1px solid #e1e6da;border-radius:9px}.client-details>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.client-details>div+div{margin-top:12px;padding-top:12px;border-top:1px solid #dfe3d8}
.client-details dt{font-size:12px;font-weight:650;color:#59605a}.client-details dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}.client-details ul{list-style:none;padding:0;margin:0}.client-details li+li{margin-top:8px}
.access-details{margin-top:22px;padding:16px;background:#f4f5f1;border:1px solid #e1e6da;border-radius:9px;font-size:13px;color:#59605a}.access-details p{margin:0}.access-details p+p{margin-top:14px;padding-top:14px;border-top:1px solid #dfe3d8}.access-details strong{display:block;color:#435936;margin-bottom:4px}
.intro strong,.identity h2,.permission>span{min-width:0;overflow-wrap:anywhere}.permission{cursor:pointer}.permission:hover{border-color:#bdc5b5;background:#fcfdfb}
@media(max-width:550px){main{padding:28px 18px}.brand span{display:none}.card{padding:20px}.eyebrow{margin-top:44px}.identity{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.client-details>div{grid-template-columns:minmax(0,1fr);gap:4px}.consent-card button{width:100%}}
