:root{--bg:#06080d;--panel:#0d1119;--panel2:#111824;--line:#202c3b;--text:#eef4fb;--muted:#91a3b8;--blue:#2f78ff;--blue2:#62a0ff;--green:#46d38b;--red:#ff6675;--amber:#ffbf58;--silver:#d7dce5;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#11213b 0,transparent 31%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:10px clamp(16px,3.5vw,48px);min-height:70px;background:rgba(6,8,13,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-button{appearance:none;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.brand-logo-frame{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;overflow:hidden}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 13px rgba(0,0,0,.4))}.brand-copy{line-height:1.05}.brand b{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav button{appearance:none;border:0;background:transparent;color:#aebdd0;padding:9px 11px;border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.nav button:hover,.nav button.active{background:#131d2c;color:#fff}.refresh-btn{background:#0f1722;color:#b9c9dc;border:1px solid var(--line);padding:9px 11px;border-radius:10px;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap}.refresh-btn:hover{border-color:#315a8d;color:#fff}.refresh-btn:disabled{opacity:.6;cursor:wait}.member-btn,.primary-action{background:var(--blue);color:#fff;border:0;padding:10px 14px;border-radius:10px;font-weight:850;font-size:12px;white-space:nowrap;cursor:pointer}.member-btn:hover,.primary-action:hover{filter:brightness(1.08)}
main{width:min(var(--max),calc(100% - 34px));margin:0 auto}.page{display:none;padding:44px 0 62px}.page.active{display:block}.page-home{padding-top:0}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:36px;align-items:center;min-height:530px;padding:64px 0 52px;border-bottom:1px solid rgba(255,255,255,.07)}.hero-copy{max-width:900px}.eyebrow,.section-head span,.info-card>span,.lens-index,.panel-label{color:var(--blue2);font-size:10px;font-weight:900;letter-spacing:1.65px}.hero h1,.page-masthead h1{font-size:clamp(40px,5.2vw,72px);line-height:.98;letter-spacing:-2.5px;margin:12px 0 18px}.hero p,.page-masthead p,.section-head p{color:var(--muted);line-height:1.65;font-size:15px;max-width:850px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.secondary-action{padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:800;background:rgba(255,255,255,.025)}.trust-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.trust-line span{border:1px solid var(--line);background:#0b111a;color:#8194aa;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:750}
.hero-panel{background:linear-gradient(145deg,#0e141e,#0a0e15);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.health-strip{display:grid;gap:9px;margin-top:12px}.health-strip span{display:flex;justify-content:space-between;gap:18px;background:#111925;border:1px solid #1e2a39;padding:13px 14px;border-radius:11px;color:#aebdd0;font-size:12px}.health-strip b{color:white}.generated-stamp{color:#6f849c;font-size:10px;line-height:1.5;margin-top:12px}
.content-section{padding-top:50px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 18px}.section-head h2{font-size:clamp(27px,3vw,42px);line-height:1.04;margin:6px 0 0;letter-spacing:-1px}.section-head h3{font-size:24px;margin:5px 0 0}.section-head.compact{margin-top:38px}.section-head>a{color:var(--blue2);font-weight:800;font-size:12px}.stamp{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 11px;border-radius:10px;font-size:11px;white-space:nowrap}
.page-masthead{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:26px}.page-masthead>div:first-child{max-width:920px}.page-masthead h1{font-size:clamp(36px,4.5vw,62px);margin-bottom:14px}
.overview-grid,.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.overview-card,.summary-card{background:linear-gradient(145deg,#0e141e,#0a0e15);border:1px solid var(--line);border-radius:16px;padding:18px;min-height:145px}.overview-card h3,.summary-card h3{font-size:13px;color:#b8c7d8;margin:0}.overview-card p,.summary-card p{color:var(--muted);font-size:11px;line-height:1.55;margin:5px 0 0}.overview-value,.summary-value{font-size:34px;font-weight:950;margin:18px 0 3px;letter-spacing:-1px}.summary-sub{color:#758ba4;font-size:10px}
.lens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.lens-card{display:block;width:100%;background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:17px;padding:20px;min-height:205px;transition:.18s ease;text-align:left;cursor:pointer}.lens-button{font:inherit}.lens-card:hover{transform:translateY(-2px);border-color:#315a8d;background:#101826}.lens-card h3{font-size:22px;margin:22px 0 8px}.lens-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}.lens-card b{font-size:11px;color:var(--blue2)}
.upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:50px;padding:28px;background:linear-gradient(115deg,#10213d,#0d131d 65%);border:1px solid #24446b;border-radius:20px}.upgrade-card>div{max-width:930px}.upgrade-card h2{font-size:clamp(25px,3vw,38px);margin:8px 0}.upgrade-card p{color:var(--muted);line-height:1.6;margin:0}.upgrade-card>a{background:var(--blue);padding:13px 17px;border-radius:11px;font-weight:900;font-size:12px;white-space:nowrap}
.currency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.score-card{background:linear-gradient(145deg,#0e141e,#0a0e15);border:1px solid var(--line);border-radius:16px;padding:17px;min-height:166px}.score-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.currency{font-size:18px;font-weight:900}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:9px;font-weight:900}.score{font-size:40px;font-weight:950;margin:14px 0 3px;letter-spacing:-1.5px}.positive{color:var(--green)}.negative{color:var(--red)}.neutral{color:var(--silver)}.score-meta{color:var(--muted);font-size:11px;line-height:1.55}.meter{height:5px;background:#192332;border-radius:99px;margin-top:13px;overflow:hidden}.meter i{display:block;height:100%;background:currentColor;border-radius:99px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #182332;font-size:12px}th{color:#7f94ac;font-size:9px;letter-spacing:1px;text-transform:uppercase;background:#0b111a}tbody tr:hover{background:#101823}td strong{font-size:14px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:28px}.info-card{background:#0b111a;border:1px solid var(--line);border-radius:14px;padding:17px}.info-card h3{font-size:16px;margin:8px 0}.info-card p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}
.filter-row{display:flex;gap:12px;align-items:end;justify-content:flex-end;flex-wrap:wrap;margin:0 0 9px}.filter-row>div,.inline-filter{display:grid;gap:5px}.filter-cluster{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.result-count{color:#71869f;font-size:10px;line-height:1.5;margin:0 0 13px}.filter-row label,.inline-filter label{color:#71869f;font-size:9px;font-weight:850;letter-spacing:.8px;text-transform:uppercase}.filter-row input,.filter-row select,.inline-filter select{background:#0f1722;color:white;border:1px solid var(--line);border-radius:9px;padding:9px 11px;min-height:38px}.filter-row input{min-width:240px}
.cot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.cot-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px}.cot-score{font-size:34px;font-weight:950;margin:13px 0 3px}.cot-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.cot-meta div{background:#111925;padding:9px;border-radius:9px}.cot-meta small{display:block;color:#758ba4;font-size:8px;text-transform:uppercase;margin-bottom:4px}.cot-meta b{font-size:10px}.cot-explanation{color:#71869f;font-size:10px;line-height:1.5;margin-top:12px;border-top:1px solid #1b2635;padding-top:10px}.fresh{font-size:8px;font-weight:900;padding:4px 7px;border-radius:999px}.fresh.CURRENT,.fresh.LIVE{background:rgba(70,211,139,.12);color:var(--green)}.fresh.DELAYED{background:rgba(255,191,88,.13);color:var(--amber)}.fresh.STALE,.fresh.UNAVAILABLE,.fresh.UNKNOWN{background:rgba(255,102,117,.12);color:var(--red)}
.news-list{display:grid;gap:9px}.news-row{display:grid;grid-template-columns:150px 70px minmax(0,1fr) 210px;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:13px 14px;border-radius:13px}.news-time{font-weight:800;font-size:11px}.impact{font-size:9px;font-weight:900}.impact.high{color:var(--red)}.impact.medium{color:var(--amber)}.impact.low{color:#8da3ba}.news-title b{display:block;font-size:12px}.news-title small,.news-values{color:var(--muted);font-size:10px}.news-source{color:var(--blue2);font-weight:800;margin-left:5px}.source-disclosure{margin-top:16px;border:1px solid #26354a;background:#0b111a;color:#8094aa;padding:13px 14px;border-radius:12px;font-size:10px;line-height:1.55}
.chart-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.chart-context-grid article{background:#0b111a;border:1px solid var(--line);border-radius:11px;padding:12px}.chart-context-grid span{display:block;color:#71869f;font-size:8px;font-weight:900;letter-spacing:1px;margin-bottom:5px}.chart-context-grid b{font-size:11px}.chart-shell{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:10px}.chart-toolbar{display:flex;gap:9px;margin-bottom:10px}.chart-toolbar select,.chart-toolbar button{background:#0f1722;color:white;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11px}.chart-toolbar button{background:var(--blue);font-weight:800;cursor:pointer}.chart-host{height:min(74vh,820px);min-height:560px;background:#0b1018;border:1px solid var(--line);border-radius:12px;overflow:hidden}.chart-loading{display:grid;place-items:center;height:100%;color:var(--muted)}.source-note{color:#758ba4;font-size:10px;line-height:1.5;margin-top:10px}
.skeleton-block{min-height:100px;color:var(--muted);display:grid;place-items:center}.error{border:1px solid rgba(255,102,117,.35);background:rgba(255,102,117,.08);padding:15px;border-radius:12px;color:#ffc3ca}.empty-state{border:1px solid var(--line);background:#0b111a;padding:18px;border-radius:12px;color:#8da3ba;font-size:11px;text-align:center}
footer{border-top:1px solid rgba(255,255,255,.07);padding:22px max(17px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:20px;color:#6f849c;font-size:10px}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:8px 14px}.nav{order:3;width:100%;margin-left:0;overflow:auto;padding-bottom:2px}.nav button{flex:0 0 auto}.member-btn{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.overview-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}.lens-grid{grid-template-columns:repeat(2,1fr)}.currency-grid{grid-template-columns:repeat(2,1fr)}.cot-grid{grid-template-columns:repeat(2,1fr)}.news-row{grid-template-columns:125px 60px 1fr}.news-values{grid-column:3}.chart-host{height:650px}.page-masthead{align-items:flex-start}}
@media(max-width:680px){main{width:min(100% - 20px,var(--max))}.topbar{padding:8px 10px;min-height:0}.brand-logo-frame{width:40px;height:40px;flex-basis:40px}.brand b{font-size:12px}.brand small{font-size:9px}.refresh-btn{font-size:9px;padding:7px 8px}.member-btn{font-size:10px;padding:8px 9px}.nav{gap:2px}.nav button{padding:7px 9px;font-size:10px}.page{padding:28px 0 44px}.hero{padding:42px 0 34px;gap:24px}.hero h1,.page-masthead h1{font-size:38px;letter-spacing:-1.5px}.hero p,.page-masthead p,.section-head p{font-size:13px}.hero-actions{display:grid}.primary-action,.secondary-action{text-align:center}.content-section{padding-top:36px}.section-head,.page-masthead{align-items:flex-start;flex-direction:column}.section-head h2{font-size:29px}.overview-grid,.summary-grid,.lens-grid,.currency-grid,.cot-grid,.info-grid,.chart-context-grid{grid-template-columns:1fr}.upgrade-card{align-items:flex-start;flex-direction:column;padding:20px}.upgrade-card>a{width:100%;text-align:center}.filter-row{align-items:stretch;flex-direction:column}.filter-row input{min-width:0;width:100%}.filter-cluster{width:100%;display:grid;grid-template-columns:1fr 1fr}.inline-filter{width:100%}.news-row{grid-template-columns:1fr 58px}.news-title,.news-values{grid-column:1/-1}.chart-toolbar{display:grid;grid-template-columns:1fr 1fr}.chart-toolbar button{grid-column:1/-1}.chart-host{height:540px;min-height:460px}footer{flex-direction:column}}

.access-banner,
.locked-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:24px 0;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.access-banner h2,
.locked-panel h3{
  margin:8px 0 7px;
}
.access-banner p,
.locked-panel p{
  margin:0;
  max-width:920px;
  color:var(--muted);
  line-height:1.65;
}
.access-banner>a,
.locked-panel>a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:12px;
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:var(--text);
}
.lock-pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--muted);
  background:rgba(0,0,0,.18);
}
@media (max-width:820px){
  .access-banner,
  .locked-panel{
    align-items:flex-start;
    flex-direction:column;
  }
  .access-banner>a,
  .locked-panel>a{
    width:100%;
  }
}