/* FootyHunch - account pages, landing page and legal drafts (server-rendered). Mobile first, same dark theme as the app. */
.pg-body{min-height:100vh;display:flex;flex-direction:column}
.pg-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:rgba(11,15,25,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.pg-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 19px var(--fd)}.pg-brand img{width:30px;height:30px}
.pg-nav{display:flex;align-items:center;gap:6px}.pg-nav a{color:var(--t2);text-decoration:none;font:600 14px var(--fd);padding:8px 10px;border-radius:10px}.pg-nav a:hover{color:var(--t1);background:var(--hover)}
.pg{position:relative;z-index:1;flex:1;width:100%;max-width:1040px;margin:0 auto;padding:20px 16px 32px;box-sizing:border-box}
.pg.narrow{max-width:480px}.pg h2{font-size:24px}
.btn-p{display:block;width:100%;box-sizing:border-box;text-align:center;padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--accent),var(--live));color:#04131a;font:700 16px var(--fd);text-decoration:none;cursor:pointer;box-shadow:0 6px 20px rgba(34,211,238,.18)}
.btn-p:hover{filter:brightness(1.08);background:linear-gradient(90deg,var(--accent),var(--live))}.btn-p:disabled{opacity:.5;cursor:not-allowed;filter:none}
.btn-p.inline{display:inline-block;width:auto}.btn-p.sm{display:inline-block;width:auto;padding:8px 12px;font-size:13px;color:#04131a!important}
.btn-p.ghost{background:var(--elev);color:var(--t1);border:1px solid var(--border2);box-shadow:none}
.btn-danger{background:var(--red-bg);border-color:rgba(244,63,94,.45);color:var(--red)}.btn-danger:hover{background:rgba(244,63,94,.2)}
.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px 18px;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.auth-card.center{text-align:center}.big-ico{font-size:40px;line-height:1;margin:4px 0 10px}
.auth-form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.fld{display:flex;flex-direction:column;gap:6px}.fld span{font:600 13px var(--fd);color:var(--t2)}.fld small{color:var(--t3);font-size:12px}
.fld input,.row-form input,.row-form select{font-size:16px;padding:12px 13px;border-radius:12px;width:100%;box-sizing:border-box;background:var(--card);min-height:46px}
.fld input:focus,.row-form input:focus{outline:2px solid rgba(34,211,238,.5);outline-offset:1px;border-color:transparent}
.chk{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer;padding:2px 0}
.chk input{flex:none;width:22px;height:22px;margin:0;padding:0;accent-color:var(--accent)}.chk a{color:var(--accent)}.chk.opt{color:var(--t2)}
.alert{border-radius:12px;padding:11px 13px;font-size:14px;margin:12px 0;border:1px solid transparent}.alert.err{background:var(--red-bg);color:#fda4af;border-color:rgba(244,63,94,.3)}
.alert.ok{background:var(--green-bg);color:#86efac;border-color:rgba(34,197,94,.3)}.alert.warn{background:var(--amber-bg);color:#fcd34d;border-color:rgba(245,158,11,.35)}
.alt{text-align:center;font-size:14px;color:var(--t2);margin:14px 0 0}.alt a,.auth-card a:not(.btn-p):not(.btn-g){color:var(--accent)}
.btn-g{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--border2);background:#fff;color:#1f2937;font:600 15px var(--fd);text-decoration:none;margin-top:8px}
.or{display:flex;align-items:center;gap:10px;color:var(--t3);font-size:12px;margin:14px 0 4px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--border2)}
.acc{margin-top:14px}.acc h3{margin-bottom:8px}.acc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}
.acc-row:last-of-type{border-bottom:0}.brk{word-break:break-all;text-align:right}.acc-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.inline-form{margin:4px 0 8px}.inline-form p{margin:4px 0 8px}
.acc.up{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.08),transparent 60%)}
.price{margin:8px 0 12px}.price b{font:800 30px var(--fd)}
details.acc summary{cursor:pointer;list-style:none}details.acc summary::-webkit-details-marker{display:none}details.acc summary h3{margin:0;display:inline}details.acc.danger summary h3{color:var(--red)}
details.acc[open] summary{margin-bottom:8px}
.row-form{display:flex;flex-wrap:wrap;gap:8px}.row-form input{flex:1 1 220px}.row-form select{flex:0 0 auto;width:auto}
.adm-k{margin-top:6px}
.pg-foot{position:relative;z-index:1;border-top:1px solid var(--border);padding:18px 16px calc(18px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:var(--t3);line-height:1.6}
.pg-foot p{max-width:720px;margin:0 auto 8px}.pg-foot a{color:var(--t2)}.pg-foot nav{display:flex;justify-content:center;gap:16px;margin:6px 0}
.legal h3{margin:20px 0 6px}.legal p,.legal li{color:var(--t2);font-size:14px;line-height:1.6}.legal a{color:var(--accent)}
/* landing */
.lp-hero{text-align:center;padding:22px 0 8px}.lp-hero h1{font:800 32px/1.12 var(--fd);margin:14px auto 12px;max-width:720px;letter-spacing:-.01em;background:linear-gradient(90deg,var(--t1),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero .lead{font-size:16px;max-width:640px;margin:0 auto 18px}.lp-cta{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto 8px}
.lp-cta .btn-p{display:block;width:100%}.lp-cta .btn{display:block;padding:12px;font:600 15px var(--fd)}
.lp-leagues{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px auto 6px;max-width:720px}.lp-leagues .chip{font-size:12px;padding:5px 10px;border:1px solid var(--border2);border-radius:99px;color:var(--t2);background:var(--surface)}
.lp-feat{display:grid;gap:12px;margin:24px 0}.lp-feat .card{padding:16px}.lp-feat h3{margin:6px 0}.lp-feat p{margin:0;color:var(--t2)}.fi{font-size:22px;color:var(--accent)}
.lp-feat .hunchy{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.08),transparent 60%)}
.lp-fx{margin:8px 0 24px}.lfx-list{display:flex;flex-direction:column;gap:10px}
.lfx{display:grid;grid-template-columns:52px 1fr;gap:4px 10px;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--border2);border-radius:14px;padding:12px 14px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.lfx:hover{border-color:rgba(34,211,238,.45)}.lfx.sample{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.2),0 6px 20px rgba(34,211,238,.12)}
.lfx-t{font:700 17px var(--fd);grid-row:span 2;align-self:center}.lfx-m{display:flex;flex-direction:column;min-width:0}.lfx-m b{font:600 15px var(--fd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfx-lg{font-size:11px;color:var(--t3);margin-bottom:2px}.lfx-p{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:12px;color:var(--t2)}.lfx-p b{font:600 12px var(--fm);color:var(--t1)}
.lp-price{text-align:center;margin:30px 0}.lp-price .lead{margin-bottom:16px}.plans{display:grid;gap:14px;text-align:left}.plan{position:relative;padding:20px}
.plan ul{padding-left:18px;margin:8px 0 16px;color:var(--t2);font-size:14px;line-height:1.7}.plan.best{border-color:rgba(34,211,238,.5);box-shadow:0 0 0 1px rgba(34,211,238,.18),0 10px 30px rgba(0,0,0,.3)}
.ribbon{position:absolute;top:-11px;right:14px;background:#2b2214!important;border:1px solid rgba(245,158,11,.4)!important}.cmp{margin-top:14px;padding:6px 10px;text-align:left}.cmp td,.cmp th{font-size:13px;padding:8px 6px}.cmp td:not(:first-child),.cmp th{text-align:center}
.tk{color:var(--green);font-weight:700}.no{color:var(--t3)}
.lp-faq{margin:28px 0}.lp-faq details{margin-top:10px;padding:14px 16px}.lp-faq summary{cursor:pointer;font:600 15px var(--fd)}.lp-faq p{margin:8px 0 0;color:var(--t2)}
.lp-end{text-align:center;padding:24px 16px;margin-bottom:8px}.lp-end h2{font-size:21px;margin-bottom:14px}
@media (min-width:700px){
  .pg{padding:32px 24px 40px}.lp-hero h1{font-size:46px}.lp-cta{flex-direction:row;justify-content:center;max-width:none}.lp-cta .btn-p,.lp-cta .btn{width:auto;display:inline-block;padding:13px 22px}
  .lp-feat{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr 1fr;max-width:820px;margin:0 auto}.cmp{max-width:820px;margin:14px auto 0}
  .lfx-list{display:grid;grid-template-columns:1fr 1fr}.auth-card{padding:28px 26px}}
@media (min-width:1000px){.lp-feat{grid-template-columns:repeat(4,1fr)}.lfx-list{grid-template-columns:repeat(3,1fr)}}
/* founding spots */
.price s{margin-left:6px;font-size:15px}.fo-line{font-size:13.5px;color:var(--t1);margin:-4px 0 6px;line-height:1.5}.fo-line b,.fo-left{color:var(--amber)}
.fo-bar{height:10px;border-radius:99px;background:var(--hover);overflow:hidden;margin:6px 0 8px}.fo-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),#fbbf24);border-radius:99px}