
:root{--bg:#06111f;--panel:#0b1b2d;--panel2:#10243a;--ink:#eef5fb;--muted:#9fb0c3;--gold:#d7b56d;--line:#203852;--blue:#5ca8ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c5d2de;background:#040b13;border-bottom:1px solid #122237;padding:9px 0}.nav{position:sticky;top:0;z-index:20;background:rgba(6,17,31,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;min-height:74px}.brand{font-family:Georgia,serif;font-size:23px;font-weight:700}.brand span{color:var(--gold)}.links{display:flex;gap:24px;font-size:14px;color:#c4d1de}.hero{padding:88px 0 62px;background:radial-gradient(circle at 75% 15%,#173b63 0,transparent 35%),linear-gradient(135deg,#06111f,#081a2b)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero h1{font:700 clamp(42px,7vw,82px)/.98 Georgia,serif;max-width:900px;margin:16px 0 22px}.hero p{font-size:19px;color:#b8c7d5;max-width:760px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;padding:13px 18px;border:1px solid var(--gold);font-weight:700;font-size:14px}.btn.primary{background:var(--gold);color:#09111b}.btn:hover{transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:54px}.stat{background:#091827;padding:24px}.stat b{display:block;font:700 33px Georgia,serif;color:#fff}.stat span{color:var(--muted);font-size:13px}.section{padding:72px 0}.section.alt{background:#081625}.section h2{font:700 clamp(30px,4vw,48px) Georgia,serif;margin:8px 0 12px}.lead{color:var(--muted);max-width:780px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{background:linear-gradient(145deg,var(--panel),#0a1726);border:1px solid var(--line);padding:25px}.card .num{font:700 28px Georgia,serif;color:var(--gold)}.card h3{margin:12px 0 8px}.card p{color:var(--muted);font-size:14px}.directory-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls input,.controls select{background:#071321;color:#fff;border:1px solid #28435f;padding:12px 14px;min-width:220px;outline:none}.tablewrap{margin-top:25px;border:1px solid var(--line);overflow:auto;background:#071321}table{width:100%;border-collapse:collapse;min-width:900px}th{position:sticky;top:74px;background:#10243a;color:#cbd8e4;text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:14px;border-bottom:1px solid var(--line)}td{padding:16px 14px;border-bottom:1px solid #172c42;vertical-align:top;font-size:14px}tr:hover td{background:#0b1c2e}.rank{font:700 20px Georgia,serif;color:var(--gold)}.bankname{font-weight:800}.small{color:var(--muted);font-size:12px;margin-top:4px}.pill{display:inline-block;border:1px solid #31506e;padding:4px 8px;color:#bdd1e4;font-size:11px}.profile{max-width:410px;color:#afc0cf}.method{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.score{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.score span:last-child{color:var(--gold);font-weight:800}.notice{border-left:3px solid var(--gold);background:#0c1d2f;padding:20px;color:#bdcad6}.footer{padding:45px 0;border-top:1px solid var(--line);color:#91a4b7}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.empty{padding:30px;color:var(--muted)}@media(max-width:850px){.links{display:none}.stats,.grid3{grid-template-columns:1fr 1fr}.method,.footergrid{grid-template-columns:1fr}.hero{padding-top:60px}}@media(max-width:560px){.stats,.grid3{grid-template-columns:1fr}.controls{width:100%}.controls input,.controls select{width:100%;min-width:0}.hero h1{font-size:44px}}
