*,*::before,*::after{box-sizing:border-box}
:root{
--bg:#F0EBE2; --card:#FFFFFF; --ink:#12110E; --dim:#5F5A51;
--line:rgba(0,0,0,.09); --accent:var(--app-accent);--accent-txt:var(--app-accent-txt);
--tile:linear-gradient(180deg,#212121 0%,#0C0C0C 100%);
}
@media (prefers-color-scheme:dark){
:root{--bg:#0C0C0C;--card:#151515;--ink:#EDE9E2;--dim:rgba(237,233,226,.58);
--line:rgba(255,255,255,.09);--accent-txt:var(--app-accent)}
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
font:400 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased}
.wrap{max-width:46rem;margin:0 auto;padding:2.75rem 1.25rem 4rem}
.lg-brand{display:flex;align-items:center;gap:.85rem;margin-bottom:2.25rem}
.lg-tile{width:52px;height:52px;border-radius:12px;background:var(--tile);
display:flex;align-items:center;justify-content:center;flex-shrink:0;
box-shadow:0 6px 18px rgba(0,0,0,.22)}
.lg-mark{width:27px;height:27px;overflow:visible}
.lg-brand-name{font-size:1rem;font-weight:900;letter-spacing:-.01em;line-height:1.1}
.lg-brand-sport{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;
color:var(--dim);margin-top:.15rem}
h1{font-size:clamp(1.9rem,5.5vw,2.6rem);font-weight:900;letter-spacing:-.025em;
line-height:1.1;margin:0;text-wrap:balance}
h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;
color:var(--accent-txt)}
.updated{font-size:.8rem;color:var(--dim);margin:.7rem 0 0}
.wrap nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0}
.wrap nav a{font-size:.82rem;font-weight:800;text-decoration:none;color:var(--ink);
background:var(--card);border:1px solid var(--line);border-radius:999px;
padding:.5rem 1rem;transition:transform .12s ease}
.wrap nav a:hover{transform:translateY(-1px)}
.wrap nav a[aria-current]{background:var(--accent);border-color:transparent;color:#0A0A0A}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;
padding:2rem;margin:1.5rem 0 0;box-shadow:0 10px 34px rgba(0,0,0,.07)}
section+section{margin-top:1.9rem;padding-top:1.9rem;border-top:1px solid var(--line)}
h2{font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;
color:var(--accent-txt);margin:0 0 .6rem}
section p{font-size:.92rem;line-height:1.75;color:var(--ink);margin:0;white-space:pre-line}
.contact{font-size:.8rem;color:var(--dim);margin:1.9rem 0 0;padding-top:1.4rem;
border-top:1px solid var(--line)}
.langs{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.4rem}
.langs-label{font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
color:var(--dim);margin:0 0 .7rem}
.langs-list{display:flex;flex-wrap:wrap;gap:.3rem}
.langs-list a{font-size:.76rem;color:var(--dim);text-decoration:none;
padding:.3rem .6rem;border-radius:8px;transition:background .12s ease}
.langs-list a:hover{background:var(--line);color:var(--ink)}
.langs-list a[aria-current]{color:var(--accent-txt);font-weight:800}
footer{margin-top:2.5rem;font-size:.74rem;color:var(--dim);text-align:center}
a:focus-visible{outline:2px solid var(--accent-txt);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}