.hub-page{width:min(1320px,94vw)}
.home-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding:20px 0 48px}
.home-hero h1{font-size:clamp(32px,3.3vw,52px);line-height:1.15;letter-spacing:-.045em;max-width:760px}
.home-hero h1 span{color:var(--accent)}
.home-hero p:not(.eyebrow){color:#9eacba;max-width:650px;font-size:16px;line-height:1.8;margin:23px 0 28px}
.home-hero .button{display:inline-flex;gap:30px;align-items:center;text-decoration:none}
.hero-orbit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;border-radius:50%;background:radial-gradient(ellipse,rgba(169,238,84,.07),transparent 67%);color:#698847}
.hero-orbit::before,.hero-orbit::after{content:'';position:absolute;width:220px;height:220px;border:1px solid #a9ee541c;border-radius:50%;transform:rotate(-20deg) scaleX(1.4)}
.hero-orbit::after{transform:rotate(35deg) scaleX(1.5)}
.hero-orbit img{width:110px;height:110px;transform:rotate(-8deg);filter:drop-shadow(0 10px 25px #a9ee5414)}
.hero-orbit span{position:absolute;bottom:8px;font-size:9px;letter-spacing:.16em}
.hub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.hub-section-heading h2{font-size:24px}
.hub-subtle{font-size:12px;line-height:1.75;color:var(--muted)}
.hub-source{color:var(--muted);font-size:11px;text-decoration:none;white-space:nowrap}
.market-section{margin-bottom:32px}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.metric-card{padding:23px 22px 16px;display:flex;flex-direction:column;min-height:305px;min-width:0}
.metric-card h3{margin:0 0 20px;color:var(--muted);font-size:12px;font-weight:600}
.metric-value{font-size:clamp(24px,2.5vw,37px);line-height:1.25;letter-spacing:-.04em;font-weight:700;overflow-wrap:anywhere}
.metric-value small{font-size:14px;margin-left:8px;color:var(--muted);font-weight:500;letter-spacing:0}
.metric-change{font-size:12px;margin-top:10px;color:var(--accent)}
.metric-change span{font-size:11px;color:var(--muted);margin-left:4px}
.positive{color:var(--green)}.negative{color:var(--red)}
.metric-spark{display:block;width:100%;height:55px;margin:15px 0 0;color:var(--accent);opacity:.8}
.metric-description{color:var(--muted);font-size:11px;line-height:1.75;margin:17px 0 16px}
.metric-card footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;justify-content:space-between;font-size:9px;color:#6f8091;line-height:1.6}
.metric-card footer a{color:var(--muted);text-decoration:none;font-size:10px}
.fear-meter{position:relative;height:5px;border-radius:10px;background:linear-gradient(90deg,#ff7878,#dca65e,#d6d276,#a9ee54);margin-top:27px}
.fear-meter span{position:absolute;width:10px;height:13px;top:-4px;transform:translateX(-50%);background:var(--text);border:2px solid #0c1217;border-radius:5px}
.fear-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:7px}
.home-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:30px}
.networks-panel,.community-panel{padding:28px}
.network-row{display:flex;align-items:center;gap:15px;color:var(--text);text-decoration:none;padding:13px 0;border-bottom:1px solid #26313d88;font-size:13px}
.network-row:hover{color:var(--accent)}
.network-rank{color:#5e7081;font-size:11px;width:16px}
.network-name{flex:1;min-width:0}.network-name strong{font-size:13px;font-weight:600}
.network-bar{display:block;height:3px;background:#202b35;border-radius:4px;margin-top:8px;max-width:260px;overflow:hidden}
.network-bar>span{display:block;background:#a9ee5488;height:100%;border-radius:4px}
.network-row>span:last-child{text-align:right;font-weight:600}.network-row small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:4px}
.community-panel{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#162116e0,#0d141be8)}
.community-panel h2{font-size:30px;line-height:1.25;max-width:310px;margin:10px 0}
.community-panel>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.85;max-width:380px}
.community-panel .button{display:block;text-align:center;text-decoration:none;margin-top:10px;font-size:12px;max-width:360px}
.hub-footer{display:flex;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px solid var(--line);padding-top:20px;color:#6c7d8e;font-size:10px;flex-wrap:wrap}
.hub-footer a{color:var(--muted);text-decoration:none}
.login-dialog{padding:0;width:min(450px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:0;background:transparent;overflow:auto;color:var(--text)}
.login-dialog::backdrop{background:#03070bce;backdrop-filter:blur(6px)}
.login-dialog .login-card{width:100%;position:relative}
.login-close{position:absolute;right:18px;top:13px}
.calc-toolbar{gap:20px}
.calc-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.calc-tools .button{font-size:12px;white-space:nowrap}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:25px;margin-top:30px;align-items:start}
.calc-input-panel{padding:28px;min-width:0}
.calc-mode{display:flex;padding:4px;background:#080e13;border:1px solid var(--line);border-radius:10px;gap:4px}
.calc-mode button{flex:1;border:1px solid transparent;border-radius:7px;padding:11px 8px;font-size:12px;cursor:pointer;background:transparent;color:var(--muted);font-weight:600}
.calc-mode button[aria-pressed=true]{border-color:#a9ee542a;background:#a9ee5410;color:var(--accent)}
.calc-field{margin-top:24px;padding-top:22px;border-top:1px solid #26313d88}
.calc-field label{font-size:12px;display:block;font-weight:600;margin-bottom:9px;color:#c4ced7}
.calc-number-wrap{position:relative;display:flex;align-items:center;gap:10px}
.calc-number-wrap input{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:#080d12;color:var(--text);padding:12px 100px 12px 14px;font-size:20px;font-weight:600;outline:none}
.calc-number-wrap input:focus{border-color:#a9ee5477;box-shadow:0 0 0 3px #a9ee540c}
.calc-value-badge{position:absolute;right:12px;pointer-events:none;color:var(--accent);font-size:11px;max-width:88px;text-align:right;overflow-wrap:anywhere}
.calc-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:15px 0 0;height:16px}
.calc-range-labels{display:flex;justify-content:space-between;color:#718497;font-size:9px;margin:2px 0 8px}
.calc-field small,.calc-scale-note{display:block;color:var(--muted);font-size:10px;line-height:1.75}
.calc-scale-note{margin:24px 0 0;border-top:1px solid var(--line);padding-top:16px}
.scale-overflow{font-size:10px;color:#e4b26c;display:block;margin-top:5px}
.calc-result-column{display:flex;flex-direction:column;gap:22px;min-width:0}
.calc-result-panel{padding:30px;background:linear-gradient(145deg,#142015eb,#10171fe8)}
.calc-result-label{font-size:13px;color:#abbda3;display:block;margin-top:18px}
.calc-gross{font-size:clamp(34px,3.8vw,60px);color:var(--accent);display:block;font-weight:700;line-height:1.25;letter-spacing:-.04em;margin-top:7px;overflow-wrap:anywhere}
.calc-error{padding:14px;margin-top:18px;font-size:12px;line-height:1.7;background:#ff74740c;border:1px solid #ff74743b;color:#ff9999;border-radius:9px}
.calc-liquid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;padding:17px 0;border-top:1px solid #a9ee5422;border-bottom:1px solid #a9ee5422}
.calc-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 15px}
.calc-stat span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px;line-height:1.5}
.calc-stat strong{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere;font-weight:600}
.calc-liquid .calc-stat strong{font-size:22px}
.calc-scenarios{padding:24px 28px}.calc-scenarios h2{font-size:18px}
.calc-scenario{padding:14px 0;display:flex;align-items:center;gap:15px;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}
.calc-scenario small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.calc-scenario strong{font-size:17px;overflow-wrap:anywhere;text-align:right}
.calc-explanation{margin-top:28px;padding:22px 28px;font-size:12px;line-height:1.85;color:var(--muted)}
.calc-explanation summary{font-weight:600;color:var(--text);font-size:14px;cursor:pointer}
.calc-explanation strong{color:#cbd9c6}.calc-explanation p{margin:14px 0}
@media(max-width:1100px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{gap:25px}.calc-toolbar{align-items:flex-start;flex-direction:column}.calc-tools{justify-content:flex-start}.calc-result-column{position:static}.calc-gross{font-size:42px}.calc-result-panel{padding:25px}}
@media(max-width:780px){.home-hero{grid-template-columns:1fr;padding:6px 0 25px}.hero-orbit{display:none}.home-bottom{grid-template-columns:1fr}.calculator-layout{grid-template-columns:1fr}.calc-input-panel{padding:23px}.calc-result-column{position:static}.calc-number-wrap input{font-size:18px}}
@media(max-width:480px){.hub-page{width:92vw}.home-hero h1{font-size:32px}.home-hero p:not(.eyebrow){font-size:14px}.market-grid{grid-template-columns:1fr;gap:14px}.metric-card{min-height:280px}.metric-value{font-size:36px}.hub-section-heading h2{font-size:21px}.networks-panel,.community-panel{padding:22px}.community-panel h2{font-size:27px}.calc-mode button{font-size:11px}.calc-input-panel{padding:18px}.calc-result-panel{padding:22px}.calc-gross{font-size:39px}.calc-stat strong{font-size:13px}.calc-liquid .calc-stat strong{font-size:18px}.calc-scenarios{padding:22px}.calc-explanation{padding:20px}.hub-footer{gap:10px}}
@media(prefers-reduced-motion:reduce){.community-join{transition:none}}
