/* Shared components for the secondary pages, same tokens as the homepage (home.css loads first). */
*,*::before,*::after{box-sizing:border-box}
body{min-height:100svh;display:flex;flex-direction:column}
main{flex:1}

.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,243,.78);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 rgba(28,23,20,.07)}
.site-headbar{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}
.site-brand{display:flex;align-items:center;gap:10px;color:#1C1714;flex:none;font:700 18px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.site-brand img{width:34px;height:34px;border-radius:9px;display:block}
.site-nav{flex:1;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}
.site-nav a{height:36px;display:flex;align-items:center;padding:0 12px;border-radius:10px;font:500 14.5px Geist,sans-serif;color:#4A403B}
.site-nav a:hover,.site-nav a:focus-visible{background:rgba(28,23,20,.05);color:#1C1714}
.site-cta{margin-left:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 22px;border:0;border-radius:14px;font:600 15px Geist,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px)}
.btn-dark{background:#1C1714;color:#fff}
.btn-dark:hover,.btn-dark:focus-visible{background:#000;color:#fff}
.btn-accent{background:linear-gradient(135deg,#FFB06A,#FF6A5C);color:#fff}
.btn-accent:hover,.btn-accent:focus-visible{color:#fff}
.btn-soft{background:#F4EEE8;color:#1C1714}
.btn-soft:hover,.btn-soft:focus-visible{background:#EDE5DE;color:#1C1714}
.site-cta.btn{height:40px;padding:0 18px;border-radius:12px;font-size:14px}

.page-hero{padding:72px 24px 0;background:radial-gradient(70% 80% at 50% 0%,#FFE4D7 0%,rgba(255,228,215,0) 70%)}
.page-hero>div{max-width:820px;margin:0 auto}
.eyebrow{margin:0;font:600 13px Geist,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E2523F}
.page-title{margin:14px 0 0;font:720 clamp(36px,5vw,60px)/1.02 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#1C1714;text-wrap:balance}
.page-lead{margin:18px 0 0;max-width:600px;font:400 clamp(17px,1.6vw,19px)/1.55 Geist,sans-serif;color:#5E534E;text-wrap:pretty}
.page-body{padding:48px 24px 100px}
.page-body>div{max-width:820px;margin:0 auto}

.card{padding:28px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px #EDE5DE}
.card-dark{background:#1C1714;color:#FBF7F3;box-shadow:0 40px 80px -40px rgba(90,40,20,.6)}
.card-accent{background:linear-gradient(140deg,#FFB06A 0%,#FF6A5C 70%,#F0533F 100%);color:#fff;box-shadow:none}
.card h2,.card h3{margin:0;font:700 24px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.card p{margin:10px 0 0;font:400 16px/1.55 Geist,sans-serif;color:#5E534E}
.card-dark p,.card-dark li{color:#C9BDB5}
.card-accent p{color:#fff}
.card>:first-child{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}

/* Long-form text (terms, announcements). */
.prose{font:400 17px/1.7 Geist,sans-serif;color:#4A403B}
.prose h1{margin:0;font:720 clamp(32px,4vw,48px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#1C1714}
.prose h2{margin:56px 0 0;font:700 clamp(24px,2.6vw,32px)/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em;color:#1C1714}
.prose h3{margin:36px 0 0;font:700 21px/1.25 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;color:#1C1714}
.prose h4{margin:28px 0 0;font:600 17px/1.4 Geist,sans-serif;color:#1C1714}
.prose p,.prose ul,.prose ol,.prose table{margin:16px 0 0}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:6px}
.prose strong,.prose b{color:#1C1714;font-weight:600}
.prose a{font-weight:600}
.prose .text-muted{color:#9A8F89;font-size:15px}
.prose .table-wrapper{overflow-x:auto;margin-top:16px}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid #EDE5DE;text-align:left;vertical-align:top}
.prose th{color:#1C1714;font-weight:600}
.prose .card{margin-top:16px}
.prose .card h3{margin:0;font-size:21px}
.prose .card ul{margin-top:12px}
.prose .card-dark h2,.prose .card-dark h3,.prose .card-dark strong{color:#FBF7F3}
.prose .card-accent strong{color:#fff}

/* Centered single-card pages (account flows, 404, link in bio). */
.center-page{flex:1;display:grid;place-items:center;padding:56px 16px;background:radial-gradient(70% 55% at 50% 0%,#FFE4D7 0%,rgba(255,228,215,0) 70%),radial-gradient(40% 40% at 85% 80%,rgba(255,176,106,.18) 0%,rgba(255,176,106,0) 70%)}
.center-card{width:100%;max-width:460px;padding:40px 32px;border-radius:32px;background:#fff;box-shadow:0 0 0 1px #EDE5DE,0 40px 80px -50px rgba(90,40,20,.45);text-align:center;display:flex;flex-direction:column;align-items:center}
.center-card>img{width:72px;height:72px;border-radius:18px}
.center-card h1{margin:22px 0 0;font:720 clamp(28px,4vw,36px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;color:#1C1714;text-wrap:balance}
.center-card p{margin:14px 0 0;font:400 16.5px/1.55 Geist,sans-serif;color:#5E534E;text-wrap:pretty}
.center-card strong{color:#1C1714;font-weight:600}
.center-card .btn{margin-top:28px;width:100%}
.status{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:700 24px/1 Geist,sans-serif}
.status-ok{background:#E3F5EA;color:#17935A}
.status-ko{background:#FFE4DF;color:#E2523F}

.form{width:100%;margin-top:28px;display:flex;flex-direction:column;gap:12px;text-align:left}
.field{display:flex;align-items:center;gap:8px;height:52px;padding:0 6px 0 16px;border-radius:14px;background:#FBF7F3;box-shadow:inset 0 0 0 1px #E6DCD3;transition:box-shadow .2s}
.field:focus-within{box-shadow:inset 0 0 0 2px #FF6A5C}
.field input{all:unset;flex:1;min-width:0;height:100%;font:400 16px Geist,sans-serif;color:#1C1714}
.field input::placeholder{color:#9A8F89}
.password-show{flex:none;padding:8px 10px;border-radius:10px;font:600 13px Geist,sans-serif;color:#4A403B;cursor:pointer;user-select:none}
.password-show:hover{background:#F4EEE8}
.form .btn{margin-top:8px}
.hint{margin:0!important;font-size:13.5px!important;color:#9A8F89!important}

.site-footer{padding:56px 24px 40px;border-top:1px solid #EDE5DE}
.site-footer__top{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px 64px;justify-content:space-between}
.site-footer__about{flex:1 1 280px;max-width:420px}
.site-footer__about .site-brand{font-size:17px}
.site-footer__about .site-brand img{width:30px;height:30px;border-radius:8px}
.site-footer__about p{margin:14px 0 0;font:400 14px/1.6 Geist,sans-serif;color:#7A6E68}
.site-footer__nav{display:flex;flex-wrap:wrap;gap:40px}
.site-footer__nav>div>p{margin:0 0 10px;font:600 13px Geist,sans-serif;color:#1C1714}
.site-footer__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font:400 14.5px Geist,sans-serif}
.site-footer__nav a{color:#5E534E}
.site-footer__nav a:hover{color:#1C1714}
.site-footer__copy{max-width:1160px;margin:40px auto 0;font:400 13px Geist,sans-serif;color:#9A8F89}

@media (max-width:760px){
.site-nav{display:none}
.site-headbar{padding:12px 16px;gap:12px}
.page-hero{padding:40px 16px 0}
.page-body{padding:32px 16px 72px}
.center-card{padding:32px 22px}
}