:root{--coin-gold:#f6c453;--coin-cyan:#38bdf8;--coin-violet:#a78bfa;--coin-green:#34d399;--coin-pink:#f472b6;--coin-red:#fb7185;--coin-bg:#070b14}
.coin-hub{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(246,196,83,.18);border-radius:28px;background:radial-gradient(circle at 15% 15%,rgba(246,196,83,.11),transparent 32%),radial-gradient(circle at 85% 80%,rgba(56,189,248,.10),transparent 34%),linear-gradient(145deg,rgba(15,23,42,.95),rgba(5,10,20,.9));box-shadow:0 25px 90px rgba(0,0,0,.35),0 0 55px rgba(246,196,83,.05)}
.coin-hub:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(246,196,83,.08),transparent 25%,rgba(56,189,248,.06),transparent 50%);animation:coinSpin 18s linear infinite;z-index:-1}
.coin-hub-inner{position:relative;padding:28px}
.coin-brand-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:#211705;background:linear-gradient(145deg,#ffe59a,#f6c453 55%,#d89d2d);box-shadow:0 0 30px rgba(246,196,83,.22),inset 0 1px rgba(255,255,255,.7);font-size:1.35rem;animation:coinFloat 4s ease-in-out infinite}
.coin-kicker{display:inline-flex;align-items:center;gap:7px;color:#f9d978;font-size:.65rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.coin-hub h2,.coin-hub h3{margin:0}.coin-hub p{color:#9aa9bc;line-height:1.8}
.coin-balance-number{font-size:clamp(2.4rem,7vw,4.5rem);font-weight:900;letter-spacing:-.06em;color:#fff;text-shadow:0 0 24px rgba(246,196,83,.2)}
.coin-balance-number small{font-size:.28em;letter-spacing:0;color:#f6d77f}
.coin-balance-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.coin-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#b8c5d5;font-size:.68rem;font-weight:800}
.coin-pill i{color:#f6c453}.coin-pill.cyan i{color:#38bdf8}.coin-pill.green i{color:#34d399}.coin-pill.violet i{color:#a78bfa}
.coin-hub-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch}
.coin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.coin-stat{padding:14px;border-radius:16px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07)}
.coin-stat span{display:block;color:#7f8da2;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.coin-stat strong{display:block;margin-top:6px;font-size:1.15rem;color:#eaf2ff}
.coin-level{padding:18px;border-radius:19px;background:linear-gradient(145deg,rgba(246,196,83,.08),rgba(168,85,247,.06));border:1px solid rgba(246,196,83,.15)}
.coin-level-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.coin-level-head strong{color:#f9d978}.coin-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin:12px 0 8px}.coin-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f6c453,#38bdf8,#a78bfa);box-shadow:0 0 16px rgba(246,196,83,.3);transition:width .8s cubic-bezier(.16,1,.3,1)}
.coin-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.coin-action{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 10px;border-radius:13px;text-decoration:none;color:#eaf2ff!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:.68rem;font-weight:900;transition:.22s}.coin-action:hover{transform:translateY(-2px);border-color:rgba(246,196,83,.32);box-shadow:0 10px 28px rgba(0,0,0,.18)}.coin-action i{color:#f6c453}.coin-action.shop i{color:#38bdf8}.coin-action.reward i{color:#f472b6}.coin-action.wallet i{color:#34d399}
.coin-section{margin-top:18px;padding:20px;border-radius:20px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.065)}.coin-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:13px}.coin-section-head h3{font-size:1rem}.coin-section-head p{margin:4px 0 0;font-size:.72rem}.coin-link{color:#8bdcff;text-decoration:none;font-weight:800;font-size:.68rem}.coin-link:hover{text-decoration:underline}
.coin-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.coin-feature{padding:10px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);min-height:72px}.coin-feature i{color:#f6c453;font-size:.78rem}.coin-feature strong{display:block;margin-top:6px;color:#dce6f2;font-size:.68rem}.coin-feature small{display:block;margin-top:3px;color:#6f7d91;font-size:.59rem;line-height:1.4}
.coin-timeline{display:grid;gap:8px}.coin-timeline-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.02)}.coin-timeline-row>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(246,196,83,.08);color:#f6c453}.coin-timeline-row strong{font-size:.68rem}.coin-timeline-row small{display:block;color:#718096;font-size:.59rem;margin-top:2px}.coin-positive{color:#34d399!important}.coin-negative{color:#fb7185!important}
.coin-faq{display:grid;gap:8px}.coin-faq details{padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.coin-faq summary{cursor:pointer;font-weight:800;font-size:.72rem;color:#dce7f4}.coin-faq p{font-size:.68rem;margin:8px 0 0}
.coin-feature-count{font-size:2rem;font-weight:900;color:#f6d77f}.coin-muted{color:#8190a4}
.coin-icon-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(246,196,83,.08);border:1px solid rgba(246,196,83,.18);color:#f6c453}
.coin-navbar-balance{display:inline-flex;align-items:center;gap:6px;margin-left:2px;padding:4px 8px;border-radius:999px;background:rgba(246,196,83,.09);border:1px solid rgba(246,196,83,.2);color:#f9d978;font-size:.58rem;font-weight:900;white-space:nowrap;box-shadow:0 0 18px rgba(246,196,83,.06)}.coin-navbar-balance i{font-size:.62rem}.coin-navbar-balance strong{font-size:.63rem}
.coin-order-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.58rem;font-weight:900}.coin-order-status.pending{color:#fbbf24;background:rgba(251,191,36,.08)}.coin-order-status.submitted{color:#38bdf8;background:rgba(56,189,248,.08)}.coin-order-status.paid{color:#34d399;background:rgba(52,211,153,.08)}.coin-order-status.rejected,.coin-order-status.cancelled{color:#fb7185;background:rgba(251,113,133,.08)}
.coin-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.coin-input,.coin-select{min-height:40px;padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:#eaf2ff;outline:none}.coin-input:focus,.coin-select:focus{border-color:rgba(246,196,83,.5);box-shadow:0 0 0 3px rgba(246,196,83,.06)}
.coin-empty{padding:26px;text-align:center;color:#718096;border:1px dashed rgba(255,255,255,.09);border-radius:15px}.coin-empty i{display:block;color:#f6c453;font-size:1.5rem;margin-bottom:8px}
.coin-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:15px}.coin-table{min-width:720px}.coin-table th{color:#718096;font-size:.61rem;text-transform:uppercase;letter-spacing:.06em}.coin-table td{font-size:.68rem;color:#cbd5e1}
.coin-modal{position:fixed;inset:0;z-index:15000;display:none;place-items:center;padding:15px;background:rgba(2,6,15,.78);backdrop-filter:blur(12px)}.coin-modal.open{display:grid}.coin-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:24px;padding:22px;background:linear-gradient(145deg,#101827,#070d18);border:1px solid rgba(246,196,83,.22);box-shadow:0 30px 100px rgba(0,0,0,.6)}.coin-modal-close{float:right;border:0;background:rgba(255,255,255,.05);color:#b8c5d5;border-radius:50%;width:36px;height:36px;cursor:pointer}.coin-modal h2{margin:6px 0 8px}.coin-modal p{font-size:.72rem}
.coin-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03));background-size:200% 100%;animation:coinShimmer 1.4s infinite}
@keyframes coinSpin{to{transform:rotate(360deg)}}@keyframes coinFloat{50%{transform:translateY(-5px) rotate(2deg);box-shadow:0 0 42px rgba(246,196,83,.28)}}@keyframes coinShimmer{to{background-position:-200% 0}}
@media(max-width:900px){.coin-hub-grid{grid-template-columns:1fr}.coin-feature-grid{grid-template-columns:repeat(2,1fr)}.coin-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.coin-hub-inner{padding:18px}.coin-stat-grid{grid-template-columns:1fr}.coin-feature-grid{grid-template-columns:1fr}.coin-actions{grid-template-columns:1fr 1fr}.coin-navbar-balance{display:none}}
@media(prefers-reduced-motion:reduce){.coin-hub:before,.coin-brand-icon{animation:none!important}.coin-progress i{transition:none!important}}