:root{color-scheme:light;--hof-ink:#17203b;--hof-muted:#747d94;--hof-blue:#4355c9;--hof-gold:#d5ae62;--hof-border:#e7e9f0;--hof-paper:#f7f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--hof-ink);font-family:"DM Sans","Noto Sans SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.hof-shell{max-width:1320px;margin:0 auto;padding:0 48px}
.hof-nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4}
.hof-brand{display:flex;gap:12px;align-items:center}
.hof-brand-mark{width:38px;height:38px;border-radius:12px;background:#485bd1;display:grid;place-items:center;box-shadow:0 7px 18px #4355c933}
.hof-brand-mark svg{width:23px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}
.hof-brand strong{display:block;font-size:15px;letter-spacing:.02em}
.hof-brand small{display:block;margin-top:2px;color:#9299ac;font:9px "DM Mono",monospace;letter-spacing:.11em}
.hof-nav nav{display:flex;gap:32px;align-items:center;font-size:13px;color:#727b91}
.hof-nav nav a{transition:color .2s}
.hof-nav nav a:hover,.hof-nav nav .hof-nav-active{color:var(--hof-blue)}
.hof-nav nav .hof-nav-active{font-weight:700}
.hof-hero{margin-top:32px;min-height:410px;position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 76% 45%,#30395b 0,#171d36 34%,#11162b 72%);color:#fff;padding:68px 76px 0;display:grid;grid-template-columns:1.15fr .85fr}
.hof-hero-copy{position:relative;z-index:2;max-width:540px}
.hof-eyebrow{font:10px "DM Mono",monospace;letter-spacing:.15em;color:#b1b9d9;display:flex;align-items:center;gap:10px}
.hof-eyebrow span{display:inline-block;width:20px;height:1px;background:#d8b870}
.hof-hero h1{font-size:clamp(43px,5vw,66px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 17px;font-weight:700}
.hof-hero h1 em{font-style:normal;color:#e2c17e}
.hof-hero-copy>p{color:#b9bfd1;font-size:14px;line-height:1.9;max-width:470px;margin:0}
.hof-primary-link{display:inline-flex;align-items:center;gap:16px;margin-top:28px;color:#f1d598;font-size:12px;font-weight:700;letter-spacing:.04em}
.hof-primary-link span{font-size:17px;transition:transform .2s}
.hof-primary-link:hover span{transform:translateY(3px)}
.hof-hero-art{position:relative;min-height:300px;display:grid;place-items:center}
.hof-medal{width:174px;height:174px;border-radius:50%;padding:10px;background:linear-gradient(145deg,#f2d792,#a77937 45%,#edce84);box-shadow:0 0 0 1px #f5e1a055,0 0 75px #caa14f24,0 25px 40px #0005;transform:rotate(-9deg);z-index:1}
.hof-medal-inner{height:100%;border-radius:50%;border:1px solid #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 25%,#35406a,#1b2242 70%);color:#f4d791}
.hof-medal-inner svg{width:49px;fill:#e0bf78;stroke:#ffe8b0;stroke-width:1.5;stroke-linejoin:round}
.hof-medal-inner span{font:9px "DM Mono",monospace;line-height:1.5;letter-spacing:.15em;text-align:center;margin-top:5px}
.hof-art-orbit{position:absolute;border:1px solid #d7c08127;border-radius:50%;transform:rotate(-24deg)}
.hof-orbit-one{width:290px;height:112px}
.hof-orbit-two{width:340px;height:180px;transform:rotate(42deg)}
.hof-art-caption{position:absolute;right:12px;bottom:28px;color:#8a92ad;font:9px "DM Mono",monospace;letter-spacing:.15em;line-height:1.7}
.hof-spark{position:absolute;color:#e0bf78}
.hof-spark-a{font-size:21px;top:35px;right:85px}
.hof-spark-b{font-size:14px;bottom:50px;left:50px}
.hof-stats{grid-column:1/-1;align-self:end;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #fff2;padding:19px 0 22px;margin-top:4px}
.hof-stats>div{display:flex;align-items:baseline;gap:10px;border-right:1px solid #fff2;padding-left:25px}
.hof-stats>div:first-child{padding-left:0}
.hof-stats>div:last-child{border:0}
.hof-stats strong{font:500 22px "DM Mono",monospace;color:#f1d598}
.hof-stats span{font-size:11px;color:#adb5ca}
.hof-section{padding:84px 20px 5px}
.hof-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.hof-eyebrow-light{color:#9ba3b7}
.hof-section h2{font-size:30px;letter-spacing:-.04em;margin:9px 0 0}
.hof-section-heading>p{font-size:12px;line-height:1.8;text-align:right;color:#68738b;margin:0 0 2px}
.hof-section-heading>p span{color:#a0a6b4;font-size:11px}
.hof-status{font-size:12px;color:#8a92a5;min-height:18px;margin:0 0 13px}
.hof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hof-person{position:relative;min-height:205px;padding:23px 22px 19px;background:#fff;border:1px solid var(--hof-border);border-radius:16px;box-shadow:0 7px 26px #1d29400b;transition:transform .2s,box-shadow .2s}
.hof-person:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1d294014}
.hof-person.hof-rank-1{border-color:#dfc17f;background:linear-gradient(150deg,#fffefa,#fff 66%);box-shadow:0 10px 30px #b18c4514}
.hof-person-top{display:flex;justify-content:space-between;align-items:center}
.hof-rank{font:11px "DM Mono",monospace;color:#a0a6b5;letter-spacing:.12em}
.hof-person.hof-rank-1 .hof-rank{color:#af853a}
.hof-award{font-size:10px;border:1px solid #ebe4d4;color:#9a7738;background:#fbf8f0;border-radius:999px;padding:5px 9px}
.hof-person-main{display:flex;gap:13px;align-items:center;margin:22px 0 18px}
.hof-avatar{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#edf0f6}
.hof-person-name{font-size:16px;font-weight:700;display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hof-person-type{display:block;margin-top:4px;font-size:10px;color:#8c94a6}
.hof-person-stats{display:flex;gap:20px;border-top:1px solid #eff0f4;padding-top:14px}
.hof-person-stats span{font:11px "DM Mono",monospace;color:#59647d}
.hof-person-stats b{color:#202b48;font-weight:600}
.hof-empty{border:1px dashed #d9deea;border-radius:14px;padding:27px;color:#848da2;font-size:13px;text-align:center;grid-column:1/-1}
.hof-badges-section{padding-top:94px}
.hof-badge-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hof-badge-card{min-height:155px;border:1px solid var(--hof-border);border-radius:15px;padding:20px 17px;background:linear-gradient(145deg,#fff,#fafbfe);position:relative;overflow:hidden}
.hof-badge-icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;font-size:21px;margin-bottom:14px}
.badge-sprout{background:#e8f4ed;color:#4c9568}.badge-tools{background:#edf0ff;color:#5264c5}.badge-star{background:#fcf2da;color:#b5862d}.badge-team{background:#f1eafa;color:#885ab6}
.hof-badge-card strong{font-size:13px}
.hof-badge-card p{font-size:10px;color:#8a92a5;margin:6px 0 0}
.hof-badge-mark{position:absolute;right:14px;top:15px;color:#d3d7e1;font:9px "DM Mono",monospace}
.hof-join{margin:89px 20px 0;padding:29px 32px;border-radius:16px;background:#f5f6fa;display:flex;align-items:center;justify-content:space-between}
.hof-join-kicker{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#9098ad}
.hof-join h2{font-size:18px;margin:8px 0 0;letter-spacing:-.02em}
.hof-join>a{background:#4659cc;color:#fff;border-radius:9px;padding:12px 16px;font-size:11px;font-weight:700;box-shadow:0 7px 18px #4355c92d}
.hof-join>a span{margin-left:10px}
.hof-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 20px 34px;color:#9299aa;font-size:10px}
.hof-footer a:first-child{color:#4659cc;font-weight:700}
.hof-footer a:last-child{color:#737d93}
@media(max-width:900px){.hof-shell{padding:0 24px}.hof-hero{padding:54px 46px 0;grid-template-columns:1.1fr .9fr}.hof-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hof-badge-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hof-shell{padding:0 14px}.hof-nav{height:70px}.hof-nav nav{gap:14px;font-size:11px}.hof-nav nav a:first-child{display:none}.hof-brand-mark{width:34px;height:34px}.hof-brand small{font-size:7px}.hof-hero{margin-top:15px;padding:35px 25px 0;grid-template-columns:1fr;min-height:0}.hof-hero h1{font-size:46px}.hof-hero-copy>p{font-size:12px}.hof-hero-art{position:absolute;width:155px;height:175px;min-height:0;right:2px;top:91px;opacity:.56}.hof-medal{width:114px;height:114px;padding:7px}.hof-medal-inner svg{width:33px}.hof-medal-inner span{font-size:7px}.hof-orbit-one{width:190px;height:70px}.hof-orbit-two{width:200px;height:105px}.hof-art-caption,.hof-spark-b{display:none}.hof-stats{margin-top:38px;grid-template-columns:repeat(2,1fr);padding:15px 0}.hof-stats>div{padding:8px 6px;border-right:0}.hof-stats>div:nth-child(odd){border-right:1px solid #fff2;padding-left:0}.hof-stats strong{font-size:18px}.hof-stats span{font-size:10px}.hof-section{padding:62px 5px 0}.hof-section-heading{display:block;margin-bottom:21px}.hof-section h2{font-size:25px}.hof-section-heading>p{text-align:left;margin-top:12px}.hof-list{grid-template-columns:1fr}.hof-person{min-height:180px}.hof-badges-section{padding-top:69px}.hof-badge-catalog{gap:8px}.hof-badge-card{padding:14px 12px;min-height:145px}.hof-badge-card strong{font-size:12px}.hof-badge-card p{font-size:9px}.hof-join{margin:65px 5px 0;padding:22px 18px;display:block}.hof-join h2{font-size:16px}.hof-join>a{display:inline-block;margin-top:17px}.hof-footer{padding:24px 5px 27px;gap:10px;font-size:9px}.hof-footer span{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hof-person,.hof-primary-link span{transition:none}}