@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#0b0d10;--paper:#f4f2ed;--accent:#f34a35;--muted:#737579;--line:#d9d7d0}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Manrope,Arial,sans-serif}button,.button{letter-spacing:.03em;background:var(--accent);color:#fff;cursor:pointer;border:0;padding:15px 21px;font:700 13px Manrope,sans-serif;text-decoration:none;display:inline-block}button.ghost,.ghost{color:inherit;background:0 0;border:1px solid}.container{width:min(1120px,100% - 40px);margin:auto}header{background:var(--ink);color:#fff;border-bottom:1px solid #25282c}.nav{justify-content:space-between;align-items:center;gap:24px;height:78px;display:flex}.brand{color:inherit;letter-spacing:.11em;align-items:center;gap:10px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.brand>b{letter-spacing:-.12em;border:2px solid;padding:5px 4px;font-size:17px}.brand small{color:#a9aaad;letter-spacing:.16em;font-size:8px;display:block}.nav nav{gap:25px;display:flex}.nav nav a{color:#c9c9c9;font-size:12px;font-weight:700;text-decoration:none}.nav-button{color:#fff;border:1px solid #5b5d60;padding:9px 12px;font-size:11px;text-decoration:none}.hero,.hg-hero{background:var(--ink);color:#fff;padding:104px 0}.hero-grid{grid-template-columns:1.5fr .8fr;align-items:center;gap:70px;display:grid}.eyebrow{letter-spacing:.15em;color:#c9c9c9;font:500 11px DM Mono,monospace}.eyebrow.dark{color:var(--accent)}h1{letter-spacing:-.07em;margin:18px 0 21px;font-size:clamp(40px,6vw,78px);line-height:.98}h1 i{color:var(--accent);font-weight:400}h2{letter-spacing:-.055em;margin:12px 0;font-size:30px;line-height:1.08}h3{letter-spacing:-.04em}.hero p,.hg-hero p{color:#c8c8c8;max-width:600px;font-size:18px;line-height:1.6}.actions{align-items:center;gap:12px;margin-top:30px;display:flex}.actions .ghost{color:#fff;border-color:#707276}.stat-card,.club-card{background:var(--accent);color:#fff;flex-direction:column;align-items:flex-start;min-height:270px;padding:29px;display:flex}.stat-card strong,.club-card strong{letter-spacing:-.08em;margin:22px 0 4px;font-size:49px}.stat-card p,.club-card p{color:#fff;font-size:14px;line-height:1.55}.stat-card button{color:var(--ink);background:#fff;margin-top:auto}.section{padding:83px 0}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;display:grid}.cards article{border:1px solid var(--line);background:#fff;min-height:215px;padding:28px}.cards article>b,.steps article>b{color:var(--accent);font:500 13px DM Mono}.cards p,.text-page>p{color:#56585c;line-height:1.7}.banner,.signup{background:#e8e5dd;padding:65px 0}.banner h2{margin:10px 0 23px;font-size:43px}.steps{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px;display:grid}.steps article{border-top:2px solid var(--ink);padding:17px 8px}.steps p{color:var(--muted);line-height:1.5}.events{padding-top:0}.event-list,.table,.manage-list{border:1px solid var(--line);background:#fff;margin-top:25px}.event-list article{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr auto;align-items:center;gap:16px;padding:17px 20px;display:grid}.event-list span,.table-row span,.manage-list span{gap:2px;display:grid}.event-list small,.table-row small{color:var(--muted)}.event-list em,.table-row em{color:var(--accent);font-style:normal;font-weight:800}.empty{color:var(--muted);border:1px dashed #aaa;margin-top:22px;padding:31px}.signup-grid{grid-template-columns:.8fr 1.2fr;gap:70px;display:grid}form{gap:10px;display:grid}input,select{background:#fff;border:1px solid #c8c6c0;width:100%;padding:14px;font:14px Manrope}input:focus,select:focus{outline:2px solid var(--accent);border-color:var(--accent)}.two{grid-template-columns:1fr 100px;gap:10px;display:grid}.form-message,.notice{color:#555;margin:2px 0;font-size:13px}.ranking h1,.text-page h1,.auth h1,.management h1{font-size:52px}.ranking>p{color:var(--muted)}.search{max-width:420px;margin:24px 0 0}.table-head,.table-row{grid-template-columns:120px 1fr 130px 140px;align-items:center;gap:10px;padding:14px 20px;display:grid}.table-head{text-transform:uppercase;color:var(--muted);background:#eeece6;font:500 11px DM Mono}.table-row{border-top:1px solid var(--line)}.table-row>b{color:var(--accent)}.table-row em{text-align:right}.text-page{min-height:60vh}.text-page>p{max-width:720px;font-size:19px}.text-page .cards{margin-top:38px}.auth{min-height:60vh}.auth form{max-width:390px}.management{min-height:67vh}.manage-title{justify-content:space-between;align-items:center;display:flex}.manage-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.manage-grid article{border:1px solid var(--line);background:#fff;padding:24px}.manage-list{margin-top:20px}.manage-list h2{padding:0 20px;font-size:20px}.manage-list>div{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;padding:13px 20px;font-size:13px;display:grid}.manage-list em{text-transform:uppercase;color:var(--muted);font-size:10px;font-style:normal}footer{background:var(--ink);color:#fff;padding:55px 0 18px}.footer{grid-template-columns:2fr 1fr 1fr;gap:30px;display:grid}.footer p,.footer span,.footer a{color:#a9aaad;font-size:12px;line-height:1.8;text-decoration:none;display:block}.footer b{margin-bottom:8px;font-size:11px;display:block}.copyright{color:#85878a;border-top:1px solid #2b2d30;margin-top:36px;padding-top:16px;font-size:10px}@media (width<=760px){.nav nav{display:none}.hero,.hg-hero{padding:72px 0}.hero-grid,.signup-grid,.manage-grid{grid-template-columns:1fr;gap:32px}.cards,.steps{grid-template-columns:1fr 1fr}.event-list article{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:65px 1fr 55px 70px;font-size:12px}.footer{grid-template-columns:1fr}.ranking h1,.text-page h1,.auth h1,.management h1{font-size:40px}}@media (width<=460px){.cards,.steps{grid-template-columns:1fr}.nav{gap:10px}.brand span{display:none}.actions{flex-direction:column;align-items:stretch}.event-list article{padding:15px}.two{grid-template-columns:1fr}.manage-list>div{grid-template-columns:1fr;gap:4px}}
