@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap";:root{--bg: #f4f7f4;--surface: #ffffff;--surface-2: #eef2ee;--border: #dfe5df;--text: #0a0e14;--text-muted: #5d6e64;--ink: #0a0e14;--primary: #1e7d99;--primary-hover: #155f74;--primary-soft: rgba(30, 125, 153, .1);--sfeir-blue: #1e7d99;--sfeir-blue-bright: #2ba8c9;--accent: #4fb3e8;--accent-hover: #2a98d6;--pitch: #1f6b44;--pitch-bright: #2d8a4e;--pitch-deep: #062a1a;--pitch-soft: rgba(31, 107, 68, .1);--whistle: #fbbf24;--card-red: #dc2626;--success: #10b981;--danger: #dc2626;--radius: 14px;--radius-lg: 20px;--radius-sharp: 6px;--shadow: 0 1px 2px rgba(13, 27, 26, .04), 0 8px 24px rgba(13, 27, 26, .06);--shadow-lg: 0 18px 40px rgba(6, 42, 26, .18);--shadow-hard: 4px 4px 0 var(--ink);--shadow-hard-lg: 6px 6px 0 var(--ink);--shadow-hard-blue: 4px 4px 0 var(--pitch);--shadow-hard-green: 4px 4px 0 var(--pitch);--tap-min: 44px;color-scheme:light}@keyframes wcRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wcMascot{0%{opacity:0;transform:translateY(20px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media (prefers-reduced-motion: no-preference){.wc-countdown-card{animation:wcRise .55s ease-out both}.wc-countdown-mascot{animation:wcMascot .7s ease-out both;animation-delay:.1s}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,#f5faf62e,#e1f0e647),url(/pitch-bg.png);background-attachment:fixed,fixed;background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Poppins,system-ui,sans-serif;letter-spacing:-.02em;color:var(--text)}.display{font-family:Bebas Neue,Poppins,system-ui,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase;line-height:.9}.display-xl{font-size:clamp(3rem,8vw,5.5rem)}.display-lg{font-size:clamp(2rem,5vw,3rem)}.display-md{font-size:clamp(1.5rem,3vw,2rem)}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.card-hard{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-sharp);padding:1.25rem 1.5rem;box-shadow:var(--shadow-hard);transition:box-shadow .15s ease,transform .15s ease}.card-hard:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-1px,-1px)}.btn-hard{background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:var(--radius-sharp);padding:.7rem 1.4rem;font-family:Bebas Neue,system-ui,sans-serif;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-hard-blue);transition:transform .1s ease,box-shadow .1s ease}.btn-hard,.btn-hard:hover,.btn-hard:focus,.btn-hard:active,.btn-hard:visited{color:#fff}.btn-hard:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pitch)}.btn-hard:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--pitch)}.btn-hard-primary{background:var(--pitch);box-shadow:var(--shadow-hard)}.btn-hard-primary:hover:not(:disabled){box-shadow:var(--shadow-hard-lg)}.btn-hard-pitch{background:var(--pitch);box-shadow:var(--shadow-hard)}.btn-hard-pitch:hover:not(:disabled){box-shadow:var(--shadow-hard-lg)}.diag-stripes{background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 12px,rgba(10,14,20,.06) 12px,rgba(10,14,20,.06) 14px)}.diag-stripes-strong{background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 18px,var(--ink) 18px,var(--ink) 22px)}.halftone-bg{background-image:radial-gradient(rgba(30,125,153,.2) 1.2px,transparent 1.5px);background-size:12px 12px}@media (max-width: 880px){.login-shell{grid-template-columns:minmax(0,1fr)!important}.login-hero{min-height:260px;padding:1.75rem!important}}a{color:var(--pitch);text-decoration:none;font-weight:500}a:hover{color:#1f6b44}input,button,select{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;min-height:var(--tap-min);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;font-size:16px}input:focus,select:focus{border-color:var(--pitch);box-shadow:0 0 0 3px var(--pitch-soft)}input:disabled{opacity:.55;background:var(--surface-2)}button{cursor:pointer;border:none;border-radius:8px;font-weight:600;min-height:var(--tap-min);transition:transform .05s,background .15s,opacity .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,var(--pitch) 0%,#1b5e3b 100%);color:#fff;padding:.65rem 1.2rem;letter-spacing:.02em;box-shadow:0 4px 12px #2d8a4e47}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34a05c,#1f6b44);box-shadow:0 6px 16px #2d8a4e5c}.btn-accent{background:var(--accent);color:#fff;padding:.65rem 1.2rem;box-shadow:0 3px 10px #4fb3e847}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem .9rem}.btn-ghost:hover:not(:disabled){border-color:var(--pitch);color:var(--pitch);background:var(--pitch-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.3rem;box-shadow:var(--shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.muted{color:var(--text-muted)}.badge{display:inline-block;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);padding:.2rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-accent{color:var(--pitch);border-color:#2d8a4e59;background:var(--pitch-soft)}.badge-success{color:var(--success);border-color:var(--success);background:#10b98114}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{border-bottom:3px solid var(--ink);background:#ffffffeb;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.25rem;position:sticky;top:0;z-index:10}.app-brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-family:Bebas Neue,system-ui,sans-serif;font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase}.app-brand strong{font-weight:400}.app-nav{display:flex;gap:.4rem;flex:1;flex-wrap:wrap}.app-nav-link{color:var(--ink);text-decoration:none;font-family:Bebas Neue,system-ui,sans-serif;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .85rem;border:2px solid transparent;border-radius:var(--radius-sharp);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease;line-height:1.1}.app-nav-link:hover{background:#0a0e140f;color:var(--ink)}.app-nav-link.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--pitch);transform:translate(-1px,-1px)}.app-user{display:flex;align-items:center;gap:.6rem}.app-user-meta{font-size:.9rem}.app-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.25rem}.app-footer{padding:1.5rem 1.25rem;text-align:center;color:var(--text-muted);font-family:Bebas Neue,system-ui,sans-serif;letter-spacing:.08em;font-size:.85rem;border-top:2px dashed var(--border);margin-top:1.5rem}.app-nav-mobile{display:none}.app-nav-desktop{display:flex}.stack{display:grid;gap:.75rem}.stack-lg{display:grid;gap:1.25rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.grid-2{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.hide-mobile{display:initial}.show-mobile{display:none}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (max-width: 1024px){.app-main{padding:1.5rem 1rem}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.app-header{padding:.6rem .9rem;gap:.5rem}.app-nav-desktop,.app-user-meta{display:none}.app-logout{padding:.4rem .6rem;font-size:.85rem}.app-main{padding:1rem .85rem 5rem}.card{padding:.9rem 1rem}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.hide-mobile{display:none}.show-mobile{display:initial}.challenge-header{flex-direction:column}.app-nav-mobile{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff5;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-top:3px solid var(--ink);padding-bottom:env(safe-area-inset-bottom,0)}.app-nav-mobile-link{color:var(--ink);text-decoration:none;font-family:Bebas Neue,system-ui,sans-serif;letter-spacing:.08em;font-size:.85rem;text-align:center;padding:.75rem .2rem;min-height:var(--tap-min);display:flex;align-items:center;justify-content:center}.app-nav-mobile-link.active{color:#fff;background:var(--ink)}}