@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#0d0d10;--panel:#141419;--panel2:#1b1b22;--ink:#f2f2f5;--muted:#aaaab2;--line:#2b2b33;--red:#d31626;--red2:#a50e1c;--green:#2ecc71}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 Barlow,system-ui,sans-serif;min-height:100vh}
.wrap{width:min(900px,100%);margin:auto;padding:32px clamp(16px,4vw,40px) 60px;min-height:100vh;display:flex;flex-direction:column}
.mast{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 0 30px;border-bottom:6px solid var(--red);background:linear-gradient(180deg,#1a0505 0%,var(--bg) 100%);margin:0 calc(clamp(16px,4vw,40px) * -1);padding-inline:clamp(16px,4vw,40px)}
.propedia-logo.hero{width:104px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));display:block;margin:0 auto 12px}
.mast h1{font:800 clamp(42px,7vw,84px)/.86 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:0;color:#fff}
.sub-line{font:800 clamp(28px,5vw,52px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.tagline{margin:6px 0 0;color:var(--muted);font-size:15px}
main{flex:1;padding:32px 0}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:border-color .15s,transform .15s}
a.tile:hover{border-color:var(--red);transform:translateY(-3px)}
.tile-logo{width:72px;height:72px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.tile-sport{font:800 clamp(38px,6vw,58px)/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;color:#fff}
.tile-status{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.tile-status.live{color:var(--green)}
.tile-status.soon{color:var(--muted)}
.tile-go{font:800 15px "Barlow Condensed",sans-serif;color:var(--red);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}
.tile.disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.6)}
.tile.disabled:hover{border-color:var(--line);transform:none}
footer{display:flex;justify-content:center;padding-top:24px}
.x-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font:700 15px Barlow,system-ui,sans-serif;text-decoration:none}
.x-link:hover{color:var(--ink);text-decoration:underline}
.x-link svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}
@media(max-width:560px){.mast h1{font-size:50px}
  .tiles{grid-template-columns:1fr}
  .tile{padding:26px 16px}
  .propedia-logo.hero{width:88px}
}

.pnav{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line,#2a2a30);margin-bottom:8px}.pnav-home{display:flex;align-items:center;gap:8px;font:800 19px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:inherit}.pnav-home img{width:30px;height:30px;object-fit:contain}.pnav-links{display:flex;gap:16px;align-items:center}.pnav-links a{font:700 15px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;color:inherit}.pnav-links a:hover{color:#c8102e}.pnav-soon{font:700 15px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.4}

.pfooter{margin-top:32px;padding:20px 4px 8px;border-top:1px solid var(--line,#2a2a30);font-size:12px;color:var(--muted,#888)}.pfooter p{margin:0 0 10px;line-height:1.5}.pfooter a{color:#c8102e;font-weight:700;text-decoration:none}.pfooter a:hover{text-decoration:underline}.pcoffee{font-size:14px}

.coffee-cta{text-align:center;margin:36px auto 8px;padding:28px 20px;background:linear-gradient(135deg,#1a1a20,#24242c);border:1px solid var(--line,#2a2a30);border-radius:12px;max-width:520px}.coffee-cta-text{font:800 24px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}.coffee-cta-btn{display:inline-block;background:#FFDD00;color:#000;font:800 18px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em;padding:12px 32px;border-radius:999px;text-decoration:none;transition:transform .15s}.coffee-cta-btn:hover{transform:scale(1.05)}.coffee-cta-sub{margin:12px 0 0;font-size:13px;opacity:.6}