:root{color-scheme:dark;--bg:#0b1018;--panel:#111923;--panel2:#151f2b;--line:#263342;--muted:#8795a6;--text:#eff4f8;--lime:#c3f36b;--mint:#64e6bb;--red:#ff7b83;--blue:#76a9ff;--mono:'Cascadia Mono','Consolas','Microsoft YaHei',monospace;--sans:'Segoe UI','Microsoft YaHei',sans-serif;--display:'Segoe UI','Microsoft YaHei',sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.55;background-image:radial-gradient(ellipse at 78% 5%,rgba(63,104,113,.13),transparent 34%),radial-gradient(ellipse at 8% 45%,rgba(112,143,67,.07),transparent 26%)}
    a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:0 auto}.topbar{height:76px;border-bottom:1px solid rgba(124,147,170,.14);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:800 16px var(--display);letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--lime);color:#131a14;border-radius:10px;font-size:18px}.navlinks{display:flex;align-items:center;gap:30px;color:#a8b4c2;font-size:13px}.navlinks a:hover{color:var(--lime)}.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #30433b;border-radius:99px;padding:8px 12px;color:#b5c6b7;font-size:11px;letter-spacing:.2px}.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #64e6bb80}
    .hero{padding:52px 0 44px}.eyebrow{color:var(--lime);font:500 11px var(--mono);letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:19px;height:1px;background:var(--lime)}.hero-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:13px 0 27px}.hero h1{font:600 clamp(30px,4vw,47px)/1.15 var(--display);letter-spacing:-1.8px;margin:0}.hero h1 span{color:#91a0b0;font-weight:400}.asof{color:var(--muted);font:11px var(--mono);white-space:nowrap}.market-shell{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(270px,.78fr);gap:14px}.feature{position:relative;overflow:hidden;min-height:345px;padding:26px 28px;background:linear-gradient(138deg,#17222d 0%,#111923 63%,#17221e 100%);border:1px solid #2b3946;border-radius:18px}.feature:after{content:'';position:absolute;right:-95px;top:-130px;width:340px;height:340px;border:1px solid #d6ff9a12;border-radius:50%;box-shadow:0 0 0 35px #d6ff9a08,0 0 0 70px #d6ff9a05;pointer-events:none}.feature-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.asset{display:flex;align-items:center;gap:11px}.coin-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:700;background:#f7931a;color:white}.asset-name{font-weight:700;font-size:15px}.asset-name small{display:block;color:var(--muted);font:11px var(--mono);margin-top:1px}.rank{color:#9aabb9;font:10px var(--mono);padding:6px 9px;border:1px solid #3b4855;border-radius:7px}.price-label{color:#91a0ad;font-size:12px;margin:34px 0 4px}.price-line{position:relative;z-index:1;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.big-price{font:600 clamp(38px,5.7vw,62px)/1.1 var(--display);letter-spacing:-2.7px}.change{margin-bottom:8px;font:12px var(--mono);padding:5px 8px;border-radius:6px}.positive{color:var(--mint);background:#64e6bb12}.negative{color:var(--red);background:#ff7b8312}.chart{position:absolute;z-index:0;right:20px;bottom:35px;width:47%;height:110px;opacity:.92}.chart svg{width:100%;height:100%;overflow:visible}.chart .area{fill:url(#areaFill)}.chart .line{fill:none;stroke:var(--lime);stroke-width:2.3;vector-effect:non-scaling-stroke}.chart .guide{stroke:#ffffff12;stroke-width:1;stroke-dasharray:3 6}.feature-foot{position:absolute;z-index:1;bottom:23px;left:28px;right:28px;display:flex;gap:25px}.metric{color:var(--muted);font-size:10px}.metric strong{display:block;color:#d9e1e8;font:12px var(--mono);margin-top:4px}.side-market{border:1px solid #263342;border-radius:18px;background:rgba(17,25,35,.86);padding:21px 20px}.side-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;font-size:13px;font-weight:700}.side-title span{color:var(--muted);font:10px var(--mono);font-weight:400}.coin-list{display:flex;flex-direction:column}.coin-row{width:100%;padding:11px 0;border:0;border-bottom:1px solid #222e3a;background:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.18s}.coin-row:last-child{border-bottom:0}.coin-row:hover .row-name,.coin-row.active .row-name{color:var(--lime)}.row-asset{display:flex;align-items:center;gap:9px;min-width:0}.mini-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:700;flex:none}.row-name{font-weight:600;font-size:12px;transition:.18s}.row-name small{display:block;color:var(--muted);font:10px var(--mono);margin-top:1px}.row-price{font:11px var(--mono);text-align:right}.row-change{font:10px var(--mono);text-align:right;min-width:47px}.section-kicker{color:var(--muted);font:10px var(--mono);letter-spacing:1px}.ticker-strip{display:flex;align-items:center;gap:0;margin-top:14px;border:1px solid #222e3a;background:#0f161f;border-radius:12px;overflow:auto}.ticker-label{padding:12px 15px;color:var(--lime);font:10px var(--mono);white-space:nowrap;border-right:1px solid #263342}.ticker-item{display:flex;align-items:center;gap:9px;padding:10px 16px;white-space:nowrap;border-right:1px solid #202b36;flex:1}.ticker-item:last-child{border:0}.ticker-symbol{color:#dce5ea;font:10px var(--mono)}.ticker-price{color:#97a5b3;font:10px var(--mono)}
    .exchanges{padding:57px 0 76px;border-top:1px solid #1e2a36;background:linear-gradient(180deg,rgba(16,23,32,.44),transparent)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:7px 0 0;font:600 29px var(--display);letter-spacing:-.9px}.section-head p{margin:7px 0 0;color:var(--muted);font-size:12px}.count{font:10px var(--mono);color:#a1afbd;border:1px solid #354352;padding:7px 10px;border-radius:7px;white-space:nowrap}.exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.exchange-card{position:relative;overflow:hidden;padding:19px;background:linear-gradient(145deg,#141e28,#111821);border:1px solid #293643;border-radius:15px;transition:transform .2s,border-color .2s}.exchange-card:hover{transform:translateY(-3px);border-color:#667c64}.exchange-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.exchange-brand{display:flex;align-items:center;gap:10px}.exchange-logo{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font:800 14px var(--display);color:white;letter-spacing:-.5px}.exchange-name{font-weight:700;font-size:14px}.exchange-type{color:var(--muted);font:10px var(--mono);margin-top:2px}.badge{font:9px var(--mono);border:1px solid #344353;border-radius:5px;padding:4px 6px;color:#adbac5}.card-rule{height:1px;background:#26323e;margin:16px 0 14px}.perk{display:flex;justify-content:space-between;align-items:center;gap:12px}.perk-label{color:#929fad;font-size:10px}.perk-value{color:var(--lime);font:700 19px var(--display);letter-spacing:-.4px}.perk-value small{font:10px var(--sans);color:#9ca9b5;margin-left:3px}.invite-line{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #293744;border-radius:8px;background:#0e151d}.invite-caption{color:#8f9daa;font-size:10px}.invite-code{display:flex;align-items:center;gap:7px;font:11px var(--mono);color:#e0e8ed}.copy{border:0;background:transparent;color:#9eafbd;padding:3px;cursor:pointer;font-size:12px}.copy:hover{color:var(--lime)}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.btn{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:11px;font-weight:700;transition:.18s}.btn-primary{background:var(--lime);color:#12190f}.btn-primary:hover{background:#d4ff8e;transform:translateY(-1px)}.btn-secondary{border:1px solid #354452;background:#18232d;color:#d4dde4}.btn-secondary:hover{border-color:#829294;background:#1b2933}.card-foot{margin-top:11px;color:#788693;font-size:9px}.footer{border-top:1px solid #1e2a36;padding:18px 0 24px;color:#71808d;font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px);padding:10px 15px;border:1px solid #44534c;border-radius:9px;background:#1b2825;color:#e9f4e9;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
    .cases{margin-top:52px;padding-top:28px;border-top:1px solid #26323e}.cases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.cases-title{margin:6px 0 0;font:600 22px var(--display);letter-spacing:-.5px}.cases-subtitle{margin:5px 0 0;color:var(--muted);font-size:11px}.cases-hint{color:#8997a4;font:10px var(--mono)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.case-card{min-width:0;padding:10px;border:1px solid #293643;border-radius:13px;background:#111923}.case-image{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px dashed #485766;border-radius:9px;background:linear-gradient(135deg,#17222c,#101720);cursor:pointer}.case-image:hover{border-color:var(--lime);background:#18241f}.case-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.case-image.has-image img{display:block}.case-image.has-image .case-empty{display:none}.case-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#91a0ad}.case-plus{width:31px;height:31px;display:grid;place-items:center;border:1px solid #4b5a66;border-radius:50%;color:var(--lime);font-size:20px;line-height:1}.case-empty span:last-child{font-size:10px}.case-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 3px 1px}.case-meta input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#dce5eb;font:600 11px var(--sans)}.case-meta input::placeholder{color:#81909c}.case-index{color:#768591;font:9px var(--mono);white-space:nowrap}.case-file{display:none}
    .learn{padding:53px 0 61px;border-top:1px solid #1e2a36;background:linear-gradient(180deg,#101720 0%,#0b1018 100%)}.learn-intro{max-width:740px;margin-bottom:23px}.learn-intro h2{margin:8px 0;font:600 clamp(25px,3vw,34px) var(--display);letter-spacing:-1px}.learn-intro p{margin:0;color:#9ba8b5;font-size:12px;line-height:1.8}.learn-panel{border:1px solid #293643;border-radius:15px;background:#111923;padding:21px 22px}.learn-panel h3{margin:0 0 9px;font:600 16px var(--display)}.learn-panel p{margin:0;color:#a5b1bc;font-size:12px;line-height:1.8}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.learn-aside{margin-top:13px;padding:12px 14px;border:1px solid #453f2d;border-radius:10px;background:#211f17;color:#c9bd90;font-size:11px;line-height:1.7}.buy-guide{margin-top:40px}.learn-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 17px}.learn-subhead h3{margin:6px 0 0;font:600 23px var(--display);letter-spacing:-.6px}.learn-subhead p{margin:0;color:var(--muted);font-size:11px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.step{padding:16px;border:1px solid #293643;border-radius:12px;background:#111923;min-height:148px}.step-no{color:var(--lime);font:11px var(--mono)}.step h4{margin:10px 0 6px;font-size:12px}.step p{margin:0;color:#96a4b1;font-size:10px;line-height:1.8}.faq{margin-top:40px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-item{align-self:start;border:1px solid #293643;border-radius:11px;background:#111923;padding:0 14px}.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:14px 22px 14px 0;color:#e4ebf0;font-weight:600;font-size:11px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:1px;top:12px;color:var(--lime);font:17px var(--mono)}.faq-item[open] summary:after{content:'−'}.faq-answer{padding:0 0 14px;color:#9aa8b4;font-size:10px;line-height:1.8}.learn-sources{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:14px;border-top:1px solid #25313c;color:#91a0ad;font-size:10px}.learn-sources a{color:#b7ca91;text-decoration:underline;text-underline-offset:3px}.learn-sources a:hover{color:var(--lime)}
    .promo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:17px 20px;border:1px solid #48563c;border-radius:13px;background:linear-gradient(105deg,#1b271e,#17202a 68%,#18212a);box-shadow:inset 3px 0 0 var(--lime)}.promo-copy{display:flex;align-items:center;gap:13px}.promo-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#c3f36b18;color:var(--lime);font-size:19px}.promo-label{color:var(--lime);font:10px var(--mono);letter-spacing:.8px}.promo-title{margin-top:3px;font:600 14px var(--display)}.promo-desc{margin:3px 0 0;color:#9aa7b2;font-size:10px}.promo-button{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;min-width:144px;padding:11px 15px;border-radius:8px;background:var(--lime);color:#12190f;font-size:11px;font-weight:700;transition:.18s}.promo-button:hover{background:#d4ff8e;transform:translateY(-1px)}
    .history-section{margin-top:52px;padding-top:29px;border-top:1px solid #26323e}.history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.history-title{margin:6px 0 0;font:600 23px var(--display);letter-spacing:-.6px}.history-subtitle{margin:5px 0 0;color:var(--muted);font-size:11px}.history-live{display:flex;align-items:center;gap:8px;border:1px solid #30433b;border-radius:99px;padding:7px 10px;color:#b5c6b7;font:10px var(--mono);white-space:nowrap}.history-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.history-current span{display:block;color:#91a0ad;font:10px var(--mono);margin-bottom:5px}.history-current strong{font:600 25px var(--display);letter-spacing:-.7px}.history-stats{display:flex;gap:24px}.history-stat{color:#8d9ba8;font-size:9px}.history-stat strong{display:block;margin-top:3px;color:#d8e1e7;font:11px var(--mono)}.history-stat .up{color:var(--mint)}.history-stat .down{color:var(--red)}.history-chart-wrap{position:relative;overflow:hidden;border:1px solid #293643;border-radius:13px;background:linear-gradient(180deg,#121b25,#101720);padding:13px 12px 5px}.history-chart{display:block;width:100%;height:auto;min-height:190px;max-height:330px}.history-grid{stroke:#ffffff12;stroke-width:1;stroke-dasharray:3 7}.history-area{fill:url(#historyFill);opacity:.75}.history-line{fill:none;stroke:var(--lime);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.history-marker{fill:var(--lime);stroke:#101720;stroke-width:3;vector-effect:non-scaling-stroke}.history-time{display:flex;justify-content:space-between;color:#71808d;font:9px var(--mono);padding:2px 4px 7px}.history-state{position:absolute;inset:0;display:grid;place-items:center;color:#9aa8b5;font-size:11px;pointer-events:none}.history-state[hidden]{display:none}.history-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#71808d;font-size:9px}.history-foot a{color:#a9bb91;text-decoration:underline;text-underline-offset:3px}
    .market-shell{display:flex;flex-direction:column;gap:12px}.coin-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}.coin-row:nth-last-child(-n+3){border-bottom:0}.market-shell .promo-banner{margin-top:0}
    @media(max-width:850px){.market-shell{grid-template-columns:1fr}.side-market{padding:18px}.coin-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.coin-row:nth-last-child(2){border-bottom:0}.chart{width:42%}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker-item{padding-inline:12px}}
    @media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.topbar{height:64px}.navlinks{display:none}.hero{padding:35px 0 34px}.hero-head{align-items:flex-start;flex-direction:column;margin-bottom:19px}.hero h1{font-size:34px}.asof{align-self:flex-end;margin-top:-3px}.feature{min-height:321px;padding:21px}.big-price{font-size:42px}.chart{right:14px;bottom:57px;width:56%;height:87px;opacity:.62}.feature-foot{left:21px;right:14px;bottom:18px;gap:17px}.metric{font-size:9px}.metric strong{font-size:10px}.side-market{padding:16px}.coin-list{column-gap:10px}.coin-row{gap:6px}.row-price{font-size:9px}.row-change{min-width:40px;font-size:9px}.mini-icon{width:25px;height:25px}.row-name{font-size:11px}.ticker-label{padding-inline:11px}.ticker-item{padding-inline:10px}.promo-banner{align-items:flex-start;flex-direction:column;padding:15px}.promo-button{width:100%}.history-section{margin-top:39px;padding-top:24px}.history-head{align-items:flex-start;flex-direction:column;gap:8px}.history-summary{align-items:flex-start;flex-direction:column;gap:12px}.history-stats{width:100%;justify-content:space-between;gap:9px}.history-current strong{font-size:22px}.history-chart{min-height:150px}.history-foot{flex-direction:column;gap:4px}.exchanges{padding:41px 0 55px}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.section-head p{max-width:290px}.exchange-grid{grid-template-columns:1fr}.learn{padding:39px 0 45px}.learn-grid,.faq-list{grid-template-columns:1fr}.learn-panel{padding:17px}.learn-subhead{align-items:flex-start;flex-direction:column;gap:5px}.steps{grid-template-columns:1fr 1fr;gap:8px}.step{padding:13px;min-height:160px}.exchange-card{padding:17px}.footer-inner{flex-direction:column}}
    /* Visual refinement: preserve the existing page structure and behavior. */
    :root{--bg:#080f18;--panel:#0e1924;--panel2:#132130;--line:#253648;--muted:#91a2b3;--text:#f1f6fa;--lime:#b9f27c;--mint:#5de0bc;--red:#ff7f88;--blue:#7eafff}
    body{background-color:var(--bg);background-image:radial-gradient(ellipse at 76% -8%,rgba(63,143,155,.17),transparent 35%),radial-gradient(ellipse at 9% 34%,rgba(117,179,91,.08),transparent 27%),linear-gradient(180deg,#0a121c 0%,#080f18 52%,#0a1119 100%);letter-spacing:.01em}
    body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(152,184,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(152,184,201,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
    ::selection{background:rgba(185,242,124,.25);color:#fff}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
    .topbar{position:relative;z-index:10;background:rgba(8,15,24,.78);backdrop-filter:blur(18px);border-bottom-color:rgba(142,171,194,.13);box-shadow:0 8px 28px rgba(0,0,0,.12)}
    .brand{letter-spacing:-.55px}.brand-mark{border-radius:10px;box-shadow:0 5px 18px rgba(185,242,124,.18);background:linear-gradient(145deg,#d2ff9e,#a8e866)}.navlinks{gap:32px}.navlinks a{position:relative;transition:color .2s}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--lime);transition:right .2s}.navlinks a:hover:after{right:0}.live-pill{background:rgba(41,74,62,.22);border-color:rgba(93,224,188,.25);box-shadow:inset 0 1px rgba(255,255,255,.035)}
    .eyebrow{letter-spacing:1.9px;text-shadow:0 0 18px rgba(185,242,124,.12)}.hero h1,.section-head h2,.learn-intro h2,.history-title,.learn-subhead h3{letter-spacing:-1.1px}.hero h1 span{color:#a4b4c3}
    .feature{border-color:rgba(141,171,194,.19);border-radius:20px;background:linear-gradient(132deg,rgba(25,39,53,.97),rgba(14,24,35,.96) 64%,rgba(20,37,34,.97));box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}.feature:after{border-color:rgba(185,242,124,.075);box-shadow:0 0 0 35px rgba(185,242,124,.035),0 0 0 70px rgba(185,242,124,.022)}.coin-icon{box-shadow:0 5px 18px rgba(247,147,26,.2);border:1px solid rgba(255,255,255,.16)}.rank{border-color:rgba(159,183,202,.2);background:rgba(7,13,20,.28);color:#b0bfcb;letter-spacing:.55px}.big-price{font-variant-numeric:tabular-nums;letter-spacing:-3px;text-shadow:0 4px 24px rgba(233,247,255,.07)}.change{border:1px solid rgba(93,224,188,.12);border-radius:7px}.positive{color:#76e7c4;background:rgba(93,224,188,.09)}.negative{color:#ff9299;background:rgba(255,127,136,.09)}
    .side-market{border-color:rgba(141,171,194,.17);border-radius:18px;background:linear-gradient(145deg,rgba(17,29,41,.96),rgba(12,21,31,.96));box-shadow:0 16px 44px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.045)}.side-title{letter-spacing:.02em}.side-title span{letter-spacing:.8px}.coin-row{border-radius:9px;border-bottom-color:rgba(108,132,153,.12);padding:10px 9px;transition:background .18s,border-color .18s,transform .18s}.coin-row:hover{background:rgba(255,255,255,.035);transform:translateX(2px)}.coin-row.active{background:linear-gradient(90deg,rgba(185,242,124,.095),rgba(185,242,124,.015));box-shadow:inset 2px 0 var(--lime)}.mini-icon{box-shadow:0 3px 10px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.13)}.row-price,.row-change,.ticker-price,.metric strong,.asof{font-variant-numeric:tabular-nums}.ticker-strip{border-color:rgba(141,171,194,.15);border-radius:11px;background:rgba(13,22,32,.9);box-shadow:0 10px 26px rgba(0,0,0,.13)}.ticker-label{letter-spacing:.65px}.ticker-item{transition:background .18s}.ticker-item:hover{background:rgba(255,255,255,.025)}
    .promo-banner{border-color:rgba(185,242,124,.25);border-radius:14px;background:radial-gradient(ellipse at 12% 0%,rgba(185,242,124,.09),transparent 50%),linear-gradient(110deg,#17241f,#121d28 70%,#111b25);box-shadow:inset 3px 0 var(--lime),0 13px 32px rgba(0,0,0,.16)}.promo-icon{border:1px solid rgba(185,242,124,.16);box-shadow:inset 0 1px rgba(255,255,255,.05)}.promo-button,.btn-primary{box-shadow:0 5px 17px rgba(185,242,124,.13);letter-spacing:.01em}.promo-button:hover,.btn-primary:hover{box-shadow:0 8px 22px rgba(185,242,124,.2)}
    .exchanges{background:linear-gradient(180deg,rgba(14,23,33,.7),rgba(8,15,24,0));border-top-color:rgba(141,171,194,.13)}.section-head{margin-bottom:24px}.count{border-color:rgba(141,171,194,.22);border-radius:8px;background:rgba(255,255,255,.025);letter-spacing:.7px}.exchange-card{border-color:rgba(141,171,194,.16);border-radius:16px;background:linear-gradient(145deg,rgba(19,31,43,.98),rgba(13,22,32,.98));box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035)}.exchange-card:hover{transform:translateY(-4px);border-color:rgba(185,242,124,.36);box-shadow:0 20px 38px rgba(0,0,0,.22),0 0 0 1px rgba(185,242,124,.045)}.exchange-logo{border:1px solid rgba(255,255,255,.16);box-shadow:0 5px 14px rgba(0,0,0,.2)}.badge{border-color:rgba(141,171,194,.22);background:rgba(255,255,255,.025);border-radius:6px;letter-spacing:.15px}.card-rule{background:linear-gradient(90deg,rgba(141,171,194,.2),rgba(141,171,194,.06))}.perk-value{text-shadow:0 0 20px rgba(185,242,124,.1)}.invite-line{border-color:rgba(141,171,194,.16);border-radius:9px;background:rgba(6,12,19,.48)}.copy{border-radius:5px;transition:color .18s,background .18s}.copy:hover{background:rgba(185,242,124,.1)}.btn{border-radius:9px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn-primary{background:linear-gradient(135deg,#c8f890,#a8e768)}.btn-secondary{border-color:rgba(141,171,194,.22);background:linear-gradient(135deg,#1b2a38,#15212c)}.btn-secondary:hover{border-color:rgba(185,242,124,.34);background:#1b2a36;box-shadow:0 5px 16px rgba(0,0,0,.16)}
    .history-section{border-top-color:rgba(141,171,194,.16)}.history-live{background:rgba(41,74,62,.18);border-color:rgba(93,224,188,.22)}.history-summary{padding:15px 17px;border:1px solid rgba(141,171,194,.14);border-radius:12px;background:linear-gradient(110deg,rgba(22,35,48,.82),rgba(15,25,36,.82))}.history-current strong{font-variant-numeric:tabular-nums;letter-spacing:-1px}.history-chart-wrap{border-color:rgba(141,171,194,.16);border-radius:15px;background:radial-gradient(ellipse at 50% 0%,rgba(69,113,114,.1),transparent 64%),linear-gradient(180deg,#101a25,#0d1620);box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.15)}.history-grid{stroke:rgba(164,187,205,.1);stroke-dasharray:2 8}.history-line{filter:drop-shadow(0 0 5px rgba(185,242,124,.28))}.history-marker{filter:drop-shadow(0 0 7px rgba(185,242,124,.6))}.history-state{background:rgba(8,15,24,.28);backdrop-filter:blur(2px)}.history-live .dot{box-shadow:0 0 12px rgba(93,224,188,.55)}
    .learn{border-top-color:rgba(141,171,194,.13);background:linear-gradient(180deg,rgba(13,22,32,.88),rgba(8,15,24,.98))}.learn-panel,.step,.faq-item{border-color:rgba(141,171,194,.15);background:linear-gradient(145deg,rgba(17,29,41,.92),rgba(12,21,31,.92));box-shadow:inset 0 1px rgba(255,255,255,.025)}.learn-panel,.step,.faq-item{border-radius:13px}.step{transition:transform .18s,border-color .18s,background .18s}.step:hover{transform:translateY(-2px);border-color:rgba(185,242,124,.28);background:linear-gradient(145deg,#172630,#111d27)}.step-no{letter-spacing:.8px}.faq-item{transition:border-color .18s}.faq-item:hover{border-color:rgba(141,171,194,.28)}.faq-item[open]{border-color:rgba(185,242,124,.24)}.learn-aside{border-color:rgba(212,180,98,.2);border-radius:11px;background:linear-gradient(100deg,rgba(91,69,28,.17),rgba(33,31,23,.74))}.learn-sources a{transition:color .18s}.footer{border-top-color:rgba(141,171,194,.13);background:rgba(6,11,17,.36)}.toast{border-color:rgba(93,224,188,.25);background:rgba(16,34,30,.96);box-shadow:0 12px 34px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
    .exchange-card .invite-line{border-color:rgba(255,211,82,.48);background:linear-gradient(100deg,rgba(102,76,18,.3),rgba(68,52,17,.2));box-shadow:inset 0 1px rgba(255,244,189,.06),0 0 18px rgba(255,205,64,.045)}.exchange-card .invite-caption{color:#d8c994}.exchange-card .invite-code{color:#ffe16b;font-size:13px;font-weight:700;letter-spacing:.45px;text-shadow:0 0 14px rgba(255,215,89,.19)}.exchange-card .copy{color:#ffe16b;font-size:15px}.exchange-card .copy:hover{color:#fff2b2;background:rgba(255,215,89,.12)}.exchange-card.recommended{border-color:rgba(195,243,107,.58);background:linear-gradient(145deg,rgba(37,51,35,.98),rgba(15,25,32,.98));box-shadow:0 14px 38px rgba(0,0,0,.2),0 0 26px rgba(195,243,107,.09),inset 0 1px rgba(222,255,182,.1)}.exchange-card.recommended:hover{border-color:var(--lime);box-shadow:0 20px 42px rgba(0,0,0,.25),0 0 32px rgba(195,243,107,.14)}.recommended .badge{border-color:rgba(195,243,107,.56);background:rgba(195,243,107,.13);color:#d6ff9b;font-weight:700}.recommended .exchange-type{color:#c2d79b}
    .admin-open{padding:8px 11px;border:1px solid #344333;border-radius:8px;background:#17221c;color:#c9efa0;font-size:11px;cursor:pointer}.admin-open:hover{border-color:var(--lime);background:#1d2a20}.brand-mark{position:relative;overflow:hidden;border:1px solid rgba(226,238,247,.15);border-radius:50%;box-shadow:0 5px 14px rgba(0,0,0,.24)}.brand-mark img,.exchange-logo img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;border-radius:inherit}.brand-mark img{position:absolute;inset:0;background:#101821}.brand-fallback{display:grid;place-items:center}.promo-icon{overflow:hidden}.promo-icon img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;display:block}.promo-fallback{display:grid;place-items:center;width:100%;height:100%}
    .admin-dialog{width:min(850px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #354453;border-radius:18px;background:#0e151e;color:var(--text);box-shadow:0 30px 100px #000b}.admin-dialog::backdrop{background:#050a10c9;backdrop-filter:blur(6px)}.admin-shell{padding:25px;max-height:calc(100dvh - 28px);overflow:auto}.admin-header{display:flex;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #293643}.admin-header h2{margin:5px 0;font:600 25px var(--display)}.admin-header p,.admin-storage-note{margin:0;color:#94a2af;font-size:11px}.admin-close{align-self:flex-start;width:34px;height:34px;border:1px solid #354453;border-radius:9px;background:#17212b;font-size:23px;cursor:pointer}.admin-fields{display:grid;gap:13px;margin-top:16px}.admin-section{padding:16px;border:1px solid #293643;border-radius:12px;background:#121c26}.admin-section h3{margin:0 0 13px;font-size:13px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:end}.admin-field{display:grid;gap:5px;color:#a6b4c0;font-size:10px}.admin-field input{width:100%;min-height:37px;padding:8px 10px;border:1px solid #354453;border-radius:8px;outline:none;background:#0c131b;color:#edf4f8;font:11px var(--sans)}.admin-field input:focus{border-color:#a4d879;box-shadow:0 0 0 3px #a4d87918}.admin-field.full{grid-column:1/-1}.admin-image-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.admin-image-field .admin-preview{grid-column:1/-1}.admin-upload{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:8px 10px;border:1px dashed #526171;border-radius:8px;color:#a6b4c0;font-size:10px;cursor:pointer}.admin-upload span{padding:4px 8px;border-radius:6px;background:#26352a;color:#d5f2b2}.admin-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.admin-preview{max-width:120px;max-height:75px;border:1px solid #354453;border-radius:8px;object-fit:cover}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.admin-action{padding:9px 12px;border:1px solid #354453;border-radius:8px;background:#17222c;color:#dfe7ed;font-size:11px;cursor:pointer}.admin-action.primary{border-color:var(--lime);background:var(--lime);color:#141b10;font-weight:700}.admin-action.danger{color:#ffb3a9}.admin-storage-note{margin-top:13px;line-height:1.7}.brand-fallback[hidden],.promo-fallback[hidden],.promo-icon img[hidden],.admin-preview[hidden]{display:none!important}
    @media(max-width:560px){.feature,.side-market,.history-chart-wrap{border-radius:15px}.coin-row{padding:9px 6px}.promo-copy{align-items:flex-start}.exchange-card:hover,.step:hover{transform:none}.history-summary{padding:13px}.history-stats{padding-top:2px}.nav{gap:8px}.navlinks{gap:12px}.admin-open{padding:7px;font-size:10px}.admin-shell{padding:17px}.admin-form-grid{grid-template-columns:1fr}.admin-field.full{grid-column:auto}}
    .promo-banner{border-color:rgba(195,243,107,.5);background:radial-gradient(ellipse at 12% 0%,rgba(195,243,107,.2),transparent 52%),linear-gradient(110deg,#24362a,#121d28 70%,#111b25);box-shadow:inset 4px 0 var(--lime),0 15px 36px rgba(0,0,0,.22),0 0 28px rgba(195,243,107,.1)}.promo-icon{background:linear-gradient(145deg,#413b1e,#202d29);color:#ffd84f;font-weight:800}.promo-label{font-weight:700}.promo-title{font-size:16px}.promo-desc{color:#c4cec4}.exchange-card .invite-code{text-shadow:none;color:#ffeb91;font-size:14px;font-weight:700;letter-spacing:.3px}
    .promo-banner{border-color:rgba(231,194,91,.88);background:radial-gradient(ellipse at 16% 0%,rgba(241,195,71,.25),transparent 55%),linear-gradient(108deg,#342b18,#1c2022 64%,#141b22);box-shadow:inset 4px 0 #e8bf4d,0 15px 38px rgba(0,0,0,.28),0 0 32px rgba(231,194,91,.15)}.promo-icon{border-color:rgba(242,202,92,.55);background:linear-gradient(145deg,#66501f,#3b321f);color:#ffe16c;box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 18px rgba(231,194,91,.16)}.promo-label{color:#ffdb72}.promo-title{color:#fff4d2}.promo-desc{color:#d5c9a8}.promo-button{background:linear-gradient(135deg,#ffe58c,#dbad39);color:#251c08;box-shadow:0 7px 22px rgba(226,183,60,.23)}.promo-button:hover{background:linear-gradient(135deg,#ffedaa,#edc24f);box-shadow:0 10px 27px rgba(226,183,60,.32)}
.promo-banner{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(233,201,119,.78);background:radial-gradient(ellipse at 18% -10%,rgba(247,211,125,.24),transparent 48%),linear-gradient(108deg,#17191a 0%,#44391f 19%,#292a2a 37%,#37342d 65%,#171a1e 100%);box-shadow:inset 4px 0 #d1ad5b,inset 0 1px rgba(255,247,215,.18),inset 0 -1px rgba(0,0,0,.55),0 18px 42px rgba(0,0,0,.32),0 0 30px rgba(214,177,79,.12)}.promo-banner::before{content:'';position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.1),transparent 19% 76%,rgba(255,255,255,.035)),repeating-linear-gradient(128deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);opacity:.65}.promo-banner::after{content:'';position:absolute;z-index:0;right:16%;top:-145px;width:250px;height:250px;border:1px solid rgba(255,226,157,.13);border-radius:50%;box-shadow:0 0 0 22px rgba(255,226,157,.025),0 0 0 48px rgba(255,226,157,.018);pointer-events:none}.promo-banner>*{position:relative;z-index:1}.promo-icon{border:1px solid rgba(242,212,136,.55);background:linear-gradient(145deg,#715a2b,#393323 52%,#242629);color:#ffe38b;box-shadow:inset 0 1px rgba(255,255,255,.2),0 6px 18px rgba(0,0,0,.28)}.promo-label{color:#f0d17b;font-weight:700;letter-spacing:.9px}.promo-title{color:#fff6df;font-size:16px;text-shadow:0 1px 10px rgba(244,215,145,.1)}.promo-desc{color:#d1c6a8}.promo-button{border:1px solid rgba(255,231,160,.58);background:linear-gradient(180deg,#f6df98 0%,#d0a843 48%,#a97d25 100%);color:#201a0d;box-shadow:inset 0 1px rgba(255,255,255,.62),inset 0 -1px rgba(79,53,9,.2),0 8px 22px rgba(188,142,41,.24)}.promo-button:hover{background:linear-gradient(180deg,#ffebad 0%,#e2bd5f 48%,#bd9135 100%);box-shadow:inset 0 1px rgba(255,255,255,.72),0 10px 27px rgba(188,142,41,.34)}
.card-actions .btn{min-height:40px;border-radius:9px;font-size:12px;letter-spacing:.12px;box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 14px rgba(0,0,0,.2)}
    .card-actions .btn-primary{border:1px solid rgba(255,232,166,.88);background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgba(255,250,221,.36),rgba(255,255,255,0) 44%,rgba(79,52,12,.12)),linear-gradient(112deg,#f4df9b 0%,#d9b552 42%,#bd9136 72%,#ecd17b 100%);color:#21190a;text-shadow:0 1px rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.76),inset 0 -2px rgba(101,70,17,.25),0 7px 18px rgba(187,143,47,.22)}
    .card-actions .btn-primary:hover{border-color:#fff0b4;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(180deg,rgba(255,250,221,.48),rgba(255,255,255,0) 44%,rgba(79,52,12,.1)),linear-gradient(112deg,#ffedb1 0%,#e8c76b 42%,#c89d43 72%,#f4dda0 100%);box-shadow:inset 0 1px rgba(255,255,255,.86),inset 0 -2px rgba(101,70,17,.2),0 9px 22px rgba(187,143,47,.3);transform:translateY(-1px)}
    .card-actions .btn-secondary{border:1px solid rgba(185,201,216,.34);background:linear-gradient(180deg,#35414d 0%,#26323e 42%,#1a242e 100%);color:#edf2f6;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.3),0 6px 16px rgba(0,0,0,.2)}
    .card-actions .btn-secondary:hover{border-color:rgba(223,232,240,.62);background:linear-gradient(180deg,#43515e 0%,#2e3a46 42%,#202b35 100%);box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.25);transform:translateY(-1px)}
    .exchange-card .invite-line{border-color:rgba(255,211,82,.34);background:linear-gradient(110deg,rgba(68,51,17,.28),rgba(17,23,27,.9));box-shadow:inset 0 1px rgba(255,244,189,.045)}
    .exchange-card .invite-caption{color:#e2d29d}
    .exchange-card .invite-code{color:#ffe78a;font:800 14px/1.3 var(--mono);letter-spacing:.45px;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:none;filter:none;opacity:1;-webkit-font-smoothing:antialiased}
    .exchange-card .copy{color:#ffe78a;text-shadow:none;filter:none}
.coin-icon img,.mini-icon img{width:100%;height:100%;object-fit:cover;padding:0;border-radius:inherit}.exchange-logo img{object-fit:cover;padding:0}.brand-mark img{object-fit:cover;padding:0}.promo-icon img{object-fit:contain;padding:2px}

/* Transparent brand marks are fitted into the existing icon frames. */
.coin-icon img,.mini-icon img{object-fit:contain;background:transparent;padding:0}
.brand-mark img{object-fit:contain;background:transparent!important;padding:1px}
.exchange-logo img{object-fit:contain;background:transparent;padding:3px}
.promo-icon:has(img[src*="exchange-binance"]){background:#090c11!important;border-color:rgba(231,194,91,.55)}
.promo-icon img[src*="exchange-binance"]{object-fit:contain;padding:5px}