:root{--ink:#132344;--blue:#4387ee;--line:#d7e5fb;--muted:#63708a}*{box-sizing:border-box}body{background:#f8fbff;color:var(--ink);font-family:Inter,system-ui,sans-serif;margin:0}.site-header,header{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1200px;padding:22px 6vw}.brand img{display:block;height:50px}nav{display:flex;gap:25px}nav a,footer a{color:var(--ink);font-size:.9rem;font-weight:750;text-decoration:none}.hero{background:linear-gradient(145deg,#eef8ff,#d7edff 58%,#c1e9e4);display:grid;grid-template-columns:1fr .6fr;min-height:360px;padding:70px max(6vw,24px)}.hero>div:first-child{align-self:center;max-width:650px}.eyebrow{color:#2864bd;font-size:.72rem;font-weight:850;letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(3rem,6vw,5.9rem);letter-spacing:-.075em;line-height:.9;margin:0}h1 span{color:var(--blue)}.hero p:not(.eyebrow){font-size:1.08rem;line-height:1.65;max-width:570px}.orb{align-self:center;background:radial-gradient(circle at 34% 29%,#efffff 0 9%,#61e5ff 16%,#3783ed 53%,#244cbb 77%);border:8px solid #d6ffff;border-radius:50%;box-shadow:0 0 0 9px #4ba3f5,0 22px 42px #3c84ca77;color:#fff;font-size:4rem;height:170px;justify-self:center;line-height:153px;text-align:center;width:170px}main>section#rankings{margin:auto;max-width:1200px;padding:48px 6vw 100px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.tabs{background:#edf4ff;border-radius:14px;display:flex;gap:4px;padding:4px}.tabs button,#refreshButton{background:transparent;border:0;border-radius:10px;color:#53617c;cursor:pointer;font:700 .88rem inherit;padding:10px 14px}.tabs button.active{background:#fff;box-shadow:0 3px 10px #5180bf20;color:var(--blue)}.toolbar label{color:#56637c;font-size:.78rem;font-weight:750;margin-left:auto}.toolbar select{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:600 .88rem inherit;padding:10px}#refreshButton{background:var(--ink);color:#fff;padding:10px 18px}#syncStatus{color:var(--muted);font-size:.86rem;margin:17px 0 25px}.highlights{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:22px}.highlights article,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px #3a6ca50b}.highlights article{min-height:128px;padding:21px}.highlights span,.highlights small{color:var(--muted);display:block;font-size:.78rem;font-weight:650}.highlights strong{display:block;font-size:clamp(1.35rem,2.8vw,2.15rem);letter-spacing:-.05em;margin:6px 0}.grid{display:grid;gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(290px,.8fr)}.heading{align-items:flex-end;display:flex;justify-content:space-between;padding:27px 28px 20px}.heading .eyebrow{margin-bottom:5px}.panel h2{font-size:1.55rem;letter-spacing:-.045em;margin:0}.heading>span{color:var(--muted);font-size:.8rem}.tablewrap{overflow-x:auto}table{border-collapse:collapse;min-width:620px;width:100%}th,td{border-top:1px solid #edf2fb;padding:15px 17px;text-align:left}th{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}td{font-size:.9rem;font-weight:650}.rank{align-items:center;background:#eff5ff;border-radius:50%;color:var(--blue);display:inline-flex;font-size:.76rem;height:28px;justify-content:center;width:28px}.flag{font-size:1.05rem;margin-right:7px}.empty{color:var(--muted);font-weight:500;padding:35px;text-align:center}ol{list-style:none;margin:0;padding:0 22px 18px}ol li{align-items:center;border-top:1px solid #edf2fb;display:flex;gap:12px;padding:14px 3px}ol li>span{color:#9aa6ba;font-size:.8rem;font-weight:750;width:18px}ol li>div{display:grid;flex:1;gap:2px}ol b{font-size:.88rem}ol small,.note{color:var(--muted);font-size:.75rem}ol strong{font-size:.83rem}.note{border-top:1px solid #edf2fb;line-height:1.5;margin:0;padding:17px 28px 25px}footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:22px;justify-content:center;padding:30px 6vw}footer img{height:36px}footer p{color:var(--muted);font-size:.82rem;margin:0}@media(max-width:800px){header{padding:18px 24px}.brand img{height:39px}nav{gap:15px}nav a{font-size:.8rem}.hero{display:block;min-height:0;padding:52px 24px}.orb{margin:35px auto 0}main>section#rankings{padding:31px 20px 65px}.toolbar label{margin-left:0}.highlights,.grid{grid-template-columns:1fr}.highlights article{min-height:105px}.heading{padding:23px 20px 17px}ol{padding-left:16px;padding-right:16px}.note{padding-left:20px;padding-right:20px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding:25px 24px}}
.showcase{align-items:center;display:flex;gap:12px;justify-content:center;min-height:250px}.showcase img{border:5px solid #fff;border-radius:18px;box-shadow:0 18px 35px #3065a84d;height:236px;object-fit:cover;transform:rotate(-7deg);width:132px}.showcase img:nth-child(2){height:272px;transform:translateY(-8px);width:152px;z-index:1}.showcase img:nth-child(3){transform:rotate(7deg)}@media(max-width:800px){.showcase{margin:35px auto 0}.showcase img{height:175px;width:98px}.showcase img:nth-child(2){height:205px;width:115px}}
.country-with-flag{align-items:center;display:inline-flex;gap:8px}.country-flag{background:#eaf2ff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #214e8829;display:inline-block;flex:0 0 auto;height:25px;object-fit:cover;width:25px}.country-flag.fallback{align-items:center;display:inline-flex;font-size:15px;justify-content:center}.highlights .country-flag{height:30px;width:30px}