:root { --ink:#102e27; --accent:#08745b; --surface:#fff; --line:#cfe0da; --muted:#61766f; }
* { box-sizing:border-box; }
html, body { min-height:100%; }
body { margin:0; color:var(--ink); background:linear-gradient(145deg,#f8fbfa,#eaf3ef); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
button, input { font:inherit; }
.login-page, .public-page { display:grid; place-items:center; min-height:100vh; padding:24px; }
.login-card { width:min(420px,100%); padding:38px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 24px 70px rgba(16,46,39,.12); }
.brand-mark { display:grid; place-items:center; width:46px; height:46px; margin-bottom:22px; border-radius:14px; color:#fff; background:var(--accent); font-size:21px; font-weight:900; }
h1 { margin:0 0 28px; font-size:28px; letter-spacing:-.03em; }
form { display:grid; gap:18px; }
label { display:grid; gap:7px; color:var(--muted); font-size:13px; font-weight:750; }
input { width:100%; padding:12px 13px; border:1px solid #b8cec6; border-radius:9px; color:var(--ink); background:#fff; outline:none; }
input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(8,116,91,.12); }
button { padding:12px 17px; border:0; border-radius:9px; color:#fff; background:var(--accent); font-weight:800; cursor:pointer; }
.error { margin:0; color:#a13737; font-size:13px; }
.sports-shell { width:min(1050px,calc(100% - 40px)); margin:0 auto; padding:64px 0; }
.sports-shell header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:46px; }
.sports-shell header h1 { margin:2px 0 0; font-size:42px; }
.eyebrow { color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.16em; }
.ghost { color:var(--ink); background:#edf4f1; }
.sport-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sport-grid a { display:grid; min-height:230px; padding:24px; border:1px solid var(--line); border-radius:18px; color:var(--ink); background:var(--surface); box-shadow:0 18px 45px rgba(16,46,39,.08); text-decoration:none; transition:transform .15s ease,border-color .15s ease; }
.sport-grid a:hover { transform:translateY(-3px); border-color:#80bba8; }
.sport-grid span { color:#83a79b; font-size:12px; font-weight:900; letter-spacing:.1em; }
.sport-grid strong { align-self:end; font-size:30px; }
.sport-grid small { margin-top:5px; color:var(--muted); }
.quote-shell { width:min(760px,100%); text-align:center; }
.quote-shell .brand-mark { margin:0 auto 36px; }
.quote { min-height:150px; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(28px,5vw,52px); line-height:1.28; letter-spacing:-.025em; }
.languages { display:flex; justify-content:center; gap:8px; margin-top:48px; }
.languages a { min-width:42px; padding:9px; border:1px solid transparent; border-radius:9px; color:var(--muted); font-size:11px; font-weight:900; text-decoration:none; }
.languages a[aria-current="page"] { border-color:var(--line); color:var(--accent); background:#fff; }
@media (max-width:720px) { .sport-grid { grid-template-columns:1fr; } .sport-grid a { min-height:150px; } .login-card { padding:28px; } }