*{box-sizing:border-box;margin:0;padding:0}@keyframes floatUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes barGrow{0%{width:0}to{width:var(--w)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lineIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes candlePulse{0%,to{opacity:.7}50%{opacity:1}}.hw{background:#f0f7ff;font-family:Inter,system-ui,sans-serif;overflow:hidden}.hero{text-align:center;background:linear-gradient(#eef7ff 0%,#f0f7ff 100%);flex-direction:column;align-items:center;padding:64px 0 0;display:flex;position:relative}.hero:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#bdd8f8 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.badge{color:#1558b8;letter-spacing:.07em;text-transform:uppercase;z-index:1;cursor:default;background:#e0f0ff;border:1px solid #bdd8f8;border-radius:40px;align-items:center;gap:7px;margin-bottom:24px;padding:5px 14px;font-size:11px;font-weight:700;animation:.55s both floatUp;display:inline-flex;position:relative}.badge-dot{background:#1d6fdb;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}.h1{letter-spacing:-.04em;color:#0c3566;opacity:0;z-index:1;cursor:default;max-width:760px;font-size:clamp(32px,5vw,60px);font-weight:800;line-height:1.06;animation:.6s 80ms both floatUp;position:relative}.h1 span{color:#1d6fdb}.sub{color:#4b7ab5;opacity:0;z-index:1;cursor:default;max-width:520px;margin:18px auto 0;font-size:15px;line-height:1.7;animation:.6s .16s both floatUp;position:relative}.btns{opacity:0;z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;animation:.6s .24s both floatUp;display:flex;position:relative}.btn-p{color:#fff;cursor:pointer;letter-spacing:.01em;background:#1d6fdb;border:none;border-radius:8px;padding:12px 26px;font-size:13px;font-weight:700;transition:background .15s,transform .15s}.btn-p:hover{background:#1558b8;transform:translateY(-1px)}.btn-s{color:#1d6fdb;cursor:pointer;background:#fff;border:1.5px solid #bdd8f8;border-radius:8px;padding:12px 26px;font-size:13px;font-weight:600;transition:border-color .15s,transform .15s,background .15s}.btn-s:hover{background:#eef7ff;border-color:#1d6fdb;transform:translateY(-1px)}.ticker-outer{opacity:0;z-index:1;cursor:default;background:#fff;border-top:1px solid #dbeafe;border-bottom:1px solid #dbeafe;width:100%;margin-top:44px;padding:9px 0;animation:.6s .36s both floatUp;position:relative;overflow:hidden}.ticker-inner{width:max-content;animation:26s linear infinite ticker;display:flex}.tick{white-space:nowrap;border-right:1px solid #dbeafe;align-items:center;gap:10px;padding:0 28px;display:flex}.t-pair{color:#0c3566;letter-spacing:.05em;font-size:12px;font-weight:700}.t-price{color:#4b7ab5;font-size:12px}.t-up{color:#15803d;font-size:11px;font-weight:600}.t-dn{color:#dc2626;font-size:11px;font-weight:600}.t-loader{color:#93c5fd;font-size:11px;animation:1s infinite pulse}.metrics{opacity:0;border-top:1px solid #dbeafe;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1150px;margin-top:60px;padding:0 8vw;animation:.6s .44s both floatUp;display:grid}.metric{background:#fff;padding:2vh 3vw;transition:background .2s;position:relative;overflow:hidden}.metric:after{content:"";transform-origin:0;background:#1d6fdb;height:2px;transition:transform .35s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.metric:hover{background:#f0f7ff}.metric:hover:after{transform:scaleX(1)}.m-num{color:#1d6fdb;letter-spacing:-.03em;cursor:default;font-size:28px;font-weight:800;line-height:1}.m-label{color:#7eaacc;letter-spacing:.05em;text-transform:uppercase;cursor:default;margin-top:4px;font-size:11px;font-weight:600}.m-bar{cursor:default;background:#e0f0ff;border-radius:2px;height:3px;margin-top:12px;overflow:hidden}.m-fill{background:#1d6fdb;border-radius:2px;height:100%;animation:1.2s cubic-bezier(.4,0,.2,1) 1s both barGrow}.candle-row{align-items:flex-end;gap:4px;margin-top:2px;display:flex}.c-bar{border-radius:2px;width:7px;animation:2s ease-in-out infinite candlePulse;position:relative}.wick{background:#93c5fd;width:1px;position:absolute;left:50%;transform:translate(-50%)}.c-up{background:#22c55e}.c-dn{background:#f87171}.m-num:hover,.m-label:hover,.m-bar:hover{cursor:none}@media (max-width:768px){.hero{padding:64px 15px 0}}@media (min-width:1800px){.metrics{max-width:1500px;padding:0 5vw}}