@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;font-size:16px;color:#142b34;background:#eef2f0;--ink:#0b2029;--teal:#0a696b;--mint:#bff0df;--electric:#bbf078}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #bbf078;outline-offset:3px}.hidden{display:none!important}
header{position:relative;z-index:5;background:#fff}.top{max-width:1500px;margin:auto;min-height:80px;padding:12px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center}.brand img{width:224px;height:56px;object-fit:contain}.top-right{display:flex;align-items:center;gap:24px}.top-tag{font-size:.71rem;letter-spacing:.2em;font-weight:800;color:#55716e}.top-tag span{color:#158b82}.top button{border:1px solid #bed4cc;background:#fff;border-radius:100px;color:#16454b;padding:10px 18px;font-weight:800;transition:background .2s,transform .2s}.top button:hover{background:#e7f5ed;transform:translateY(-2px)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(790px,calc(100vh - 80px));background:#0b2029;color:#fff}.hero-media{position:absolute;inset:0;z-index:-2}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-drift 24s ease-in-out infinite alternate}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091e27 0%,#091e27f5 22%,#091e27d9 36%,#091e2770 60%,#091e2709 100%),linear-gradient(0deg,#091e27aa,transparent 34%)}.hero::after{content:'';position:absolute;z-index:-1;left:-10%;bottom:-60%;width:50%;aspect-ratio:1;border:1px solid #b7dfce20;border-radius:50%;box-shadow:0 0 0 100px #b7dfce08,0 0 0 200px #b7dfce05;pointer-events:none}.hero-inner{max-width:1500px;margin:auto;padding:clamp(36px,5vw,74px) clamp(18px,4vw,60px) 76px;display:grid;grid-template-columns:minmax(0,590px) 1fr;align-items:start}.hero-content{grid-column:1;min-width:0}.eyebrow{display:flex;align-items:center;gap:11px;color:#d3efde;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:800;animation:rise .55s both}.live-dot{width:8px;height:8px;background:var(--electric);border-radius:50%;box-shadow:0 0 0 5px #bdf27726;animation:pulse 2s ease-in-out infinite}.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(4.2rem,7.7vw,8.4rem);letter-spacing:-.025em;line-height:.83;text-transform:uppercase;margin:29px 0 21px;animation:rise .7s .08s both}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--electric)}.hero-lead{font-size:clamp(.98rem,1.5vw,1.16rem);line-height:1.5;max-width:480px;color:#deede9;margin:0 0 25px;animation:rise .7s .16s both}.slash{display:inline-block;color:var(--electric);margin-right:8px;font-weight:800}.edge-label{position:absolute;right:clamp(20px,4vw,60px);bottom:29px;color:#fff9;letter-spacing:.25em;font-size:.68rem;font-weight:800;text-transform:uppercase}
.login-card{position:relative;max-width:450px;padding:24px 25px 23px;background:#f7faf5;color:var(--ink);border-radius:16px;box-shadow:0 22px 60px #0006;animation:rise .75s .25s both}.login-card::before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:4px;background:#6cbfaf;border-radius:0 3px 3px 0}.card-kicker{font-size:.67rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#24766c;margin-bottom:7px}.login-card h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:2rem;letter-spacing:.015em;line-height:1;margin:0 0 8px}.login-card p{color:#54716f;line-height:1.42;font-size:.86rem;margin:0 0 16px}.field{display:block;font-weight:800;font-size:.8rem;color:#224449;letter-spacing:.02em}.field input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #bfd2ce;border-radius:8px;min-height:46px;background:#fff;color:#112d32;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#178a7e;box-shadow:0 0 0 4px #6bc4af28;outline:0}.primary{border:0;border-radius:8px;background:#0a6164;color:#fff;font-weight:800;padding:12px 18px;min-height:46px;transition:background .2s,transform .2s,box-shadow .2s}.primary:hover{background:#084a4c;transform:translateY(-2px);box-shadow:0 8px 19px #0a616436}.primary:disabled{opacity:.55;cursor:wait;transform:none}.login-card .primary{width:100%;margin-top:13px;text-align:left;display:flex;align-items:center;justify-content:space-between}.arrow{font-size:1.4rem;line-height:1;transition:transform .2s}.primary:hover .arrow{transform:translateX(4px)}.message{color:#ad3b2f;min-height:1.4em;margin-top:10px;font-size:.83rem}.message:empty{display:none}
.below{background:#eef2f0}.below-inner{max-width:1500px;margin:auto;padding:21px clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center;gap:20px}.below strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.2rem;letter-spacing:.08em;color:#254949}.below span{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#577872}.below i{font-style:normal;color:#83aca4;margin:0 12px}
.owner-mode{min-height:310px}.owner-mode .hero-inner{padding-top:67px;padding-bottom:55px}.owner-mode h1{font-size:clamp(4.5rem,8vw,7rem);margin:25px 0 18px}.owner-mode .hero-lead{margin-bottom:0}.owner-mode .hero::before{background:linear-gradient(90deg,#091e27,#091e27a0)}main{max-width:1400px;margin:auto;padding:36px clamp(18px,4vw,60px) 90px}.owner-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:22px}.owner-heading h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:2.25rem;line-height:1;letter-spacing:.01em;margin:0}.owner-heading p{color:#577078;line-height:1.5;margin:7px 0 0}.count{background:#dcefed;color:#155e5b;border-radius:999px;padding:8px 12px;font-weight:800}.league-list{display:grid;gap:14px}.league-card{background:#fff;border:1px solid #dce8e8;border-radius:12px;padding:22px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:18px;align-items:end;box-shadow:0 10px 28px #133b3f0a}.league-card .meta{font-size:.85rem;color:#617d84;margin-top:8px}.league-card label{font-weight:800;font-size:.86rem}.league-card input[type=text]{display:block;width:100%;margin-top:8px;padding:12px 14px;min-height:46px;border:1px solid #b9cdce;border-radius:8px}.switch{display:flex;align-items:center;gap:9px;white-space:nowrap;align-self:center}.switch input{width:20px;height:20px;accent-color:#126d69}.actions{display:flex;gap:9px;align-items:center}.actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;border:1px solid #b9cdce;border-radius:8px;color:#20565a;padding:11px 14px;min-height:46px;font-size:.86rem;font-weight:800}.actions a:hover{background:#e7f5ed}.status{grid-column:1/-1;color:#155e5b;font-weight:700;min-height:1.3em}.status:empty{display:none}
@media(max-width:1000px){.hero-inner{grid-template-columns:minmax(0,520px) 1fr}.hero h1{font-size:clamp(4.4rem,9vw,7rem)}.league-card{grid-template-columns:1fr}.switch{white-space:normal}.status{grid-column:1}}@media(max-width:700px){.top{min-height:65px;padding:9px 18px}.brand img{width:170px;height:46px}.top-tag{display:none}.hero{min-height:0}.hero-media img{object-position:60% center}.hero::before{background:linear-gradient(180deg,#071b24ad 0%,#071b24b8 19%,#071b24f4 50%,#071b24 100%)}.hero-inner{display:block;padding:60px 18px 34px}.hero h1{font-size:clamp(4.6rem,18vw,7rem);margin:25px 0 17px}.hero-lead{max-width:420px}.login-card{max-width:480px}.edge-label{display:none}.below-inner{padding:18px;display:block}.below span{display:block;margin-top:5px;line-height:1.6}.owner-mode{min-height:280px}.owner-mode .hero-inner{padding:52px 18px 48px}.owner-mode h1{font-size:5rem}main{padding:28px 18px 70px}}@media(max-width:420px){.hero h1{font-size:4.4rem}.login-card{padding:21px}.login-card h2{font-size:1.8rem}.owner-mode h1{font-size:4.5rem}.actions{flex-wrap:wrap}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.06) translateX(-1%)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #bdf2770a}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}