/* Intense Boxing app – members' hub /app/ (27 Oct 2026) */
@font-face{font-family:"Big Shoulders Display";src:url(fonts/bsd-800.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans-var.woff2) format("woff2");font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html{background:#0E0E10;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#0E0E10;color:#F6F3EC;font-family:"Instrument Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;
  padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
a{color:inherit}
.hb-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(14,14,16,.94);backdrop-filter:blur(8px);border-bottom:1px solid #26262c}
.hb-top img{width:36px;height:36px;border-radius:9px}
.hb-brand{font-family:"Big Shoulders Display",Arial Black,sans-serif;font-weight:800;font-size:22px;letter-spacing:.5px;text-transform:uppercase;line-height:1}
.hb-brand span{color:#FFC21A}
.hb-top a.hb-site{margin-left:auto;font-size:14px;color:#C9C9D1;text-decoration:none;padding:10px 4px}
main{max-width:640px;margin:0 auto;padding:18px 16px 32px}
.hb-hello{margin:6px 0 18px}.hb-hello h1{font-family:"Big Shoulders Display",Arial Black,sans-serif;font-weight:800;font-size:38px;line-height:1;margin:0 0 6px;text-transform:uppercase}
.hb-hello h1 span{color:#FFC21A}.hb-hello p{margin:0;color:#C9C9D1}
.hb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hb-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:118px;padding:14px;border-radius:18px;background:#18181D;border:1px solid #2a2a31;text-decoration:none;color:#F6F3EC;
  -webkit-tap-highlight-color:transparent;transition:transform .12s,border-color .12s}
.hb-tile:active{transform:scale(.97)}.hb-tile:focus-visible{outline:3px solid #FFC21A;outline-offset:2px}
.hb-tile svg{width:32px;height:32px;color:#FFC21A}
.hb-tile b{display:block;font-family:"Big Shoulders Display",Arial Black,sans-serif;font-weight:800;font-size:22px;line-height:1.05;text-transform:uppercase;margin-top:10px}
.hb-tile small{display:block;color:#A9A9B2;font-size:13px;margin-top:2px}
.hb-tile.hb-wide{grid-column:1/-1;min-height:96px;flex-direction:row;align-items:center;gap:14px}
.hb-tile.hb-wide b{margin-top:0}
.hb-tile.hb-hero{background:#FFC21A;border-color:#FFC21A;color:#1A1400}.hb-tile.hb-hero svg{color:#1A1400}.hb-tile.hb-hero small{color:#3a3000}
.hb-badge{position:absolute;top:12px;right:12px;background:#FFC21A;color:#1A1400;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.hb-sec{margin-top:26px}.hb-sec h2{font-family:"Big Shoulders Display",Arial Black,sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;margin:0 0 10px}
.hb-list{list-style:none;margin:0;padding:0;border-radius:16px;overflow:hidden;border:1px solid #2a2a31}
.hb-list a{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;background:#18181D;text-decoration:none;border-bottom:1px solid #26262c}
.hb-list li:last-child a{border-bottom:0}.hb-list svg{width:22px;height:22px;color:#FFC21A;flex:none}.hb-list span{flex:1}.hb-list small{color:#A9A9B2}
.hb-foot{margin-top:28px;color:#8a8a93;font-size:13px;text-align:center}.hb-foot a{color:#C9C9D1}
.hb-off{display:none;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#2b2410;color:#FFC21A;font-size:14px}
.hb-offline .hb-off{display:block}