@charset "UTF-8";

:root { color-scheme:dark; --bg:#10100f; --surface:#171715; --surface-raised:#1c1c19; --gold:#d9bd7d; --gold-bright:#f2dfac; --muted:#96958d; --text:#f1eee5; --line:#ffffff0d; --gold-line:#d9bd7d2b; --font:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,input,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; cursor:pointer; }
button { border:0; background:none; }
a { color:inherit; text-decoration:none; }
button:disabled { opacity:.45; cursor:not-allowed; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
input,select { color:var(--text); }
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance:none; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:500; }
.icon { width:21px; height:21px; flex-shrink:0; vertical-align:middle; }
.gold-text { color:var(--gold)!important; }
.muted { color:var(--muted); font-size:14px; }
.sidebar { width:230px; position:fixed; inset:0 auto 0 0; display:flex; flex-direction:column; padding:34px 23px 22px; border-right:1px solid var(--line); background:#121210; z-index:30; }
.brand { display:flex; flex-direction:column; align-items:flex-start; padding:0 15px; margin-bottom:57px; }
.brand-monogram { font-size:43px; line-height:1.2; font-weight:700; letter-spacing:-2px; color:var(--gold-bright); }
.brand-monogram>span { font-size:12px; vertical-align:top; letter-spacing:0; margin-left:5px; }
.brand-caption { font-size:10px; letter-spacing:2.7px; color:var(--gold); margin-top:7px; }
.nav-caption { font-size:12px; letter-spacing:1px; color:#696a60; margin:0 17px 15px; }
.desktop-nav { display:flex; flex-direction:column; gap:9px; }
.nav-item { display:flex; align-items:center; gap:15px; padding:14px 17px; color:#a09f96; border-radius:6px; font-size:15px; text-align:left; position:relative; transition:.2s; }
.desktop-nav .nav-item.active { background:linear-gradient(90deg,#d9bd7d17,#d9bd7d05); color:var(--gold-bright); }
.desktop-nav .nav-item.active:before { content:''; width:2px; height:18px; background:var(--gold); position:absolute; left:0; top:19px; }
.nav-item:hover { color:var(--gold-bright); background:#ffffff03; }
.sidebar-bottom { margin-top:auto; }
.sidebar-link { width:100%; display:flex; align-items:center; gap:11px; font-size:14px; color:var(--muted); padding:16px 15px; border-top:1px solid var(--line); }
.sidebar-link .icon:last-child { width:14px; margin-left:auto; }
.sidebar-brand-art { height:88px; overflow:hidden; border:1px solid var(--line); border-radius:5px; margin:8px 10px 20px; opacity:.65; }
.sidebar-brand-art img { width:100%; height:100%; object-fit:cover; }
.sidebar-foot { font-size:9px; letter-spacing:1.4px; color:#66665f; display:flex; justify-content:space-between; padding:0 12px; }
.workspace { margin-left:230px; }
.topbar { height:83px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 44px; border-bottom:1px solid var(--line); }
.breadcrumb { font-size:13px; color:#7f8077; white-space:nowrap; }
.breadcrumb span { margin:0 13px; color:#484941; }
.breadcrumb strong { font-weight:400; color:#d5d3c8; }
.header-actions { display:flex; gap:17px; align-items:center; }


.chain-chip { font-size:12px; color:#96968b; padding:0 17px; border-left:1px solid #ffffff12; }
.wallet-button { border:1px solid #b296594d; padding:9px 15px; border-radius:5px; display:flex; align-items:center; gap:8px; color:var(--gold); font-size:13px; background:#d9bd7d05; }
.wallet-button:hover { background:#d9bd7d13; }
.mobile-brand,.mobile-nav { display:none; }
main { max-width:1380px; margin:auto; padding:32px 44px 0; min-height:75vh; }
main:focus { outline:none; }
.eyebrow { font-size:11px; line-height:1.5; letter-spacing:2.5px; color:#b7a27a; display:flex; align-items:center; gap:9px; }
.eyebrow-line { height:1px; width:28px; background:var(--gold); }
.hero { display:flex; position:relative; align-items:center; justify-content:space-between; min-height:356px; overflow:hidden; border:1px solid var(--gold-line); background:radial-gradient(ellipse at 90% 50%,#82622616 0%,transparent 56%),linear-gradient(115deg,#1a1a16,#141410); padding:37px 42px; border-radius:9px; }
.hero-copy { position:relative; z-index:2; }
.hero h1 { font-size:42px; letter-spacing:1px; line-height:1.42; margin:19px 0 15px; font-weight:500; }
.hero h1 .gold-text { margin-left:3px; }
.hero p { color:#a5a296; font-size:14px; line-height:1.9; }
.hero-buttons { display:flex; align-items:center; gap:26px; margin-top:25px; }
.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:12px 24px; background:linear-gradient(105deg,#e2c991,#bd9c58); border:1px solid #e5d09d; border-radius:5px; color:#292417; font-size:14px; font-weight:600; transition:filter .2s,transform .2s; min-height:46px; }
.primary-button:hover { filter:brightness(1.1); }
.primary-button:active { transform:translateY(1px); }
.text-button { display:inline-flex; gap:8px; align-items:center; color:var(--gold); padding:6px 0; font-size:14px; }
.text-button:hover { color:var(--gold-bright); }
.text-button .icon { width:16px; }
.hero-subnote { font-size:11px; color:#807d71; display:flex; align-items:center; gap:9px; margin-top:26px; }
.hero-subnote>span { font-size:10px; color:#c5ad7b; border:1px solid #c5ad7b2d; padding:0 5px; border-radius:2px; }
.hero-subnote i { width:2px; height:2px; background:#807d71; border-radius:50%; margin:0 3px; }
.hero-art { width:42%; min-width:290px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-right:18px; }
.hero-art>img { width:240px; height:240px; object-fit:cover; object-position:center; border-radius:50%; position:relative; z-index:1; box-shadow:0 8px 60px #ab81332b,0 1px 2px #ffffff15; filter:brightness(.82) saturate(.78); }
.orbit { position:absolute; border:1px solid #d9bd7d16; border-radius:50%; width:300px; height:300px; top:-30px; }
.orbit-two { width:352px; height:352px; top:-56px; border-style:dashed; border-color:#d9bd7d0b; }
.coin-caption { display:flex; align-items:center; gap:18px; width:100%; justify-content:center; margin-top:26px; z-index:2; }
.coin-caption span { color:#b5a073; font-size:9px; letter-spacing:2.5px; }
.coin-caption b { color:#e6c88d; font-weight:400; font-size:13px; letter-spacing:1px; padding-left:18px; border-left:1px solid #b5a0733b; }
.overview-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:30px 0; margin:0 0 23px; border-bottom:1px solid var(--line); }
.overview-strip>div { padding:0 30px; border-right:1px solid var(--line); }
.overview-strip>div:first-child { padding-left:0; }
.overview-strip>div:last-child { border:0; }
.overview-strip span { font-size:12px; color:var(--muted); display:block; margin-bottom:8px; }
.overview-strip strong { font-size:30px; line-height:1.3; font-weight:500; font-variant-numeric:tabular-nums; }
.overview-strip small { font-size:13px; margin-left:7px; color:#99978a; font-weight:400; }
section+section { margin-top:34px; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:21px; }
.section-title h2 { font-size:18px; display:flex; align-items:center; gap:14px; }
.section-title h2>span { color:#74766b; font-family:var(--font); font-size:10px; letter-spacing:1.5px; font-weight:400; }
.compact { font-size:12px; }
.section-note { font-size:12px; color:#858479; line-height:1.85; margin-top:15px; }
.plan-preview-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.preview-plan { text-align:left; padding:21px 21px 0; background:var(--surface); border:1px solid #ffffff09; border-radius:6px; transition:.2s; position:relative; }
.preview-plan:hover { border-color:#d9bd7d68; background:#1c1c18; transform:translateY(-2px); }
.plan-index { font-size:10px; color:#5f6057; position:absolute; right:17px; top:16px; }
.preview-plan-title { font-size:25px; line-height:1.3; display:flex; align-items:center; gap:6px; margin-bottom:23px; }
.preview-plan-title>span { font-size:13px; color:#b4b0a5; }
.preview-plan-title .outlined-badge { font-size:9px; color:#c5ab72; border:1px solid #c5ab722e; padding:1px 4px; margin-left:auto; margin-right:7px; }
.preview-rate { font-size:34px; color:var(--gold); line-height:1.2; font-weight:500; margin-bottom:3px; }
.preview-rate span { font-size:17px; margin-left:3px; }
.plan-bottom { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:14px 0; border-top:1px solid var(--line); margin-top:21px; }
.plan-bottom>span { font-size:10px; color:#939084; }
.plan-bottom>strong { font-size:13px; color:#d2ccb9; font-weight:400; }
.allocation-panel { border:1px solid var(--line); border-radius:6px; display:grid; grid-template-columns:42% 58%; background:var(--surface); }
.allocation-chart { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:34px; border-right:1px solid var(--line); }
.donut { background:var(--donut); width:208px; height:208px; border-radius:50%; padding:24px; transform:rotate(-.001deg); }
.donut-inner { width:100%; height:100%; background:var(--surface); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.donut-inner>span { font-size:9px; letter-spacing:2px; color:#94907f; }
.donut-inner>strong { font-size:44px; color:#f1e5c9; font-weight:500; margin-top:6px; line-height:1.4; }
.donut-inner small { font-size:16px; margin-left:5px; font-weight:400; }
.donut-inner b { color:#887c61; font-weight:400; font-size:11px; letter-spacing:3px; }
.chart-caption { font-size:11px; color:#77796c; margin-top:19px; }
.allocation-list { padding:20px 32px; }
.allocation-row { display:grid; grid-template-columns:1fr 80px 44px; gap:18px; align-items:center; min-height:43px; border-bottom:1px solid #ffffff06; font-size:13px; }
.allocation-row:last-child { border:0; }
.allocation-name { display:flex; align-items:center; gap:11px; color:#c3c0b4; }
.allocation-name i { width:11px; height:11px; border-radius:3px; background:var(--swatch); flex-shrink:0; }
.allocation-amount { color:#ede6d3; font-size:15px; text-align:right; }
.allocation-amount small { color:#7b7b6f; font-size:10px; margin-left:5px; }
.allocation-percent { color:#c3c0b4; text-align:right; font-size:13px; }
.protocol-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.protocol-item { padding:25px 18px 23px; border-right:1px solid var(--line); }
.protocol-item:first-child { padding-left:0; }
.protocol-item:last-child { border:0; }
.protocol-icon { color:var(--gold); margin-bottom:15px; }
.protocol-icon .icon { width:27px; height:27px; }
.protocol-item h3 { font-size:15px; margin-bottom:6px; }
.protocol-item p { color:#8e8c80; font-size:12px; line-height:1.8; }
.planning-label { font-size:10px; color:#6e7164; display:block; margin-top:12px; }
.roadmap { display:grid; grid-template-columns:repeat(4,1fr); position:relative; padding-top:17px; }
.roadmap:before { content:''; height:1px; position:absolute; background:#353429; top:7px; left:0; right:0; }
.roadmap-item { position:relative; padding-right:20px; padding-top:13px; }
.roadmap-dot { position:absolute; top:-14px; width:7px; height:7px; background:#555240; border:2px solid var(--bg); border-radius:50%; box-sizing:content-box; }
.roadmap-item.current .roadmap-dot { background:var(--gold); }
.roadmap-date { font-size:11px; color:#a7946c; letter-spacing:.5px; }
.roadmap h3 { font-size:14px; margin:8px 0 5px; }
.roadmap p { font-size:11px; color:#85877a; }
.page-footer { max-width:1380px; margin:45px auto 0; padding:22px 44px 28px; display:flex; justify-content:space-between; border-top:1px solid var(--line); font-size:10px; color:#717368; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:7px 0 29px; }
.page-heading h1 { font-size:28px; line-height:1.5; margin:9px 0 9px; }
.page-heading p { font-size:13px; color:var(--muted); }
.label-chip { display:flex; align-items:center; gap:7px; font-size:12px; color:#9f957e; padding:8px 12px; border:1px solid var(--gold-line); border-radius:4px; white-space:nowrap; }
.label-chip .icon { width:16px; }
.panel { padding:26px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.stake-layout { display:grid; grid-template-columns:1.25fr 1fr; gap:22px; align-items:start; }
.panel .section-title h2 { font-size:16px; }
.plan-picker { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:29px; }
.plan-choice { display:flex; flex-direction:column; align-items:flex-start; position:relative; background:#121210; border:1px solid #ffffff0c; border-radius:5px; padding:17px 18px; text-align:left; gap:5px; }
.plan-choice.selected { border-color:#d9bd7d90; background:linear-gradient(120deg,#d9bd7d12,#d9bd7d04); }
.plan-choice>span:first-child { font-size:24px; }
.plan-choice small { font-size:12px; margin-left:5px; color:#a39b87; font-weight:400; }
.plan-choice strong { color:var(--gold); font-size:22px; font-weight:500; }
.plan-choice .plan-choice-total { font-size:11px; color:#878778; }
.plan-check { position:absolute; right:12px; top:12px; width:17px; color:var(--gold); }
.input-top { display:flex; justify-content:space-between; gap:8px; margin:0 0 12px; }
.input-top label { font-size:14px; }
.input-top>span { font-size:11px; color:#8b8b7e; align-self:center; }
.amount-input { display:flex; align-items:center; background:#11110f; border:1px solid #d9bd7d3b; border-radius:5px; padding:14px 15px; gap:14px; }
.amount-input:focus-within { border-color:var(--gold); }
.amount-input input { background:none; border:0; min-width:0; width:100%; font-size:23px; padding:0; font-variant-numeric:tabular-nums; outline:none; }
.amount-input>span { color:#a29472; font-size:12px; }
.max-button { color:var(--gold); border-left:1px solid #ffffff12; padding:0 0 0 12px; font-size:12px; white-space:nowrap; }
.input-description { display:flex; justify-content:space-between; font-size:11px; color:#848477; margin-top:8px; }
.field-error { color:#e3a591; font-size:12px; margin-top:7px; }
.field-error:empty { display:none; }
.amount-shortcuts { display:flex; gap:8px; margin-top:17px; }
.amount-shortcuts button { color:#a59d88; background:#ffffff04; border:1px solid #ffffff0c; border-radius:3px; padding:6px 10px; flex:1; font-size:12px; }
.amount-shortcuts button:hover { border-color:var(--gold-line); color:var(--gold); }
.form-rule-summary { margin:25px 0; display:flex; flex-direction:column; gap:12px; }
.form-rule-summary>div { display:flex; justify-content:space-between; font-size:13px; }
.form-rule-summary span { color:#929285; }
.form-rule-summary strong { font-weight:400; }
.full-width { width:100%; }
.button-note { text-align:center; color:#828276; font-size:11px; line-height:1.8; margin-top:13px; }
.estimate-hero { padding:14px 0 20px; border-bottom:1px solid var(--line); }
.estimate-hero>span { color:#a49c85; font-size:12px; }
.estimate-hero>div { display:flex; align-items:baseline; gap:8px; margin-top:8px; flex-wrap:wrap; }
.value { font-size:34px; color:var(--gold-bright); font-weight:500; line-height:1.3; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.unit { font-size:12px; color:#9c8d6f; margin-left:9px; }
.estimate-hero>small { color:#797b6c; font-size:11px; display:block; margin-top:8px; }
.estimate-breakdown { margin:19px 0; }
.estimate-breakdown>div { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; font-size:12px; }
.estimate-breakdown span { color:#929082; }
.estimate-breakdown strong { font-weight:400; text-align:right; overflow-wrap:anywhere; }
.estimate-breakdown .breakdown-final { padding-top:15px; border-top:1px solid var(--line); }
.rule-note { display:flex; align-items:flex-start; gap:9px; padding:12px; border:1px solid #d9bd7d15; background:#d9bd7d06; color:#a99c7e; font-size:11px; line-height:1.9; border-radius:4px; }
.rule-note .icon { width:16px; height:16px; margin-top:3px; }
.early-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:26px 0 12px; }
.early-heading h3 { font-size:14px; }
.early-heading label { font-size:12px; color:#a4997b; }
.early-heading b { color:var(--gold); font-weight:400; }
.gold-range { width:100%; appearance:none; -webkit-appearance:none; height:3px; background:#4b4230; border-radius:3px; margin:15px 0; padding:0; accent-color:var(--gold); cursor:pointer; }
.gold-range::-webkit-slider-thumb { appearance:none; width:13px; height:13px; border-radius:50%; background:var(--gold-bright); border:3px solid #a98b4f; box-shadow:0 0 0 5px #d9bd7d0a; }
.gold-range::-moz-range-thumb { width:10px; height:10px; background:var(--gold-bright); border:3px solid #a98b4f; border-radius:50%; }
.early-results { margin-top:11px; }
.early-results>div { display:flex; justify-content:space-between; gap:10px; font-size:11px; margin:8px 0; }
.early-results span { color:#8f8e80; }
.early-results b { font-weight:400; color:#b7b1a0; }
.early-results .early-total { margin-top:16px; padding-top:13px; border-top:1px solid var(--line); align-items:center; }
.early-total strong { color:var(--gold); font-size:21px; font-weight:500; }
.early-total small { color:#757665; font-size:10px; }
.settlement-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.settlement-card { position:relative; background:#ffffff02; border:1px solid var(--line); padding:24px; border-radius:5px; }
.rule-number { display:block; color:#665a3e; font-size:11px; letter-spacing:2px; margin-bottom:12px; }
.settlement-card h3 { font-size:16px; margin-bottom:10px; }
.settlement-card p { font-size:12px; color:var(--muted); min-height:42px; }
.settlement-card strong { font-size:14px; color:var(--gold); font-weight:400; display:block; margin-top:19px; }
.settlement-card>span:last-child { font-size:10px; color:#7c7d6f; display:block; margin-top:8px; }
.outline-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:10px 16px; min-height:43px; border:1px solid #d9bd7d40; color:var(--gold); border-radius:5px; font-size:13px; background:#d9bd7d03; }
.outline-button:hover { background:#d9bd7d10; }
.portfolio-card { padding:33px; border:1px solid var(--gold-line); border-radius:7px; background:linear-gradient(115deg,#24231c,#171713); position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.portfolio-total { z-index:1; }
.portfolio-total>span { font-size:13px; color:#c0b79e; }
.portfolio-total>div { margin:13px 0 6px; }
.portfolio-total .value { font-size:41px; }
.portfolio-total p { font-size:11px; color:#918976; }
.portfolio-detail { display:flex; gap:40px; z-index:1; }
.portfolio-detail>div { display:flex; flex-direction:column; }
.portfolio-detail span { font-size:12px; color:#b2a88d; margin-bottom:9px; }
.portfolio-detail strong { font-size:21px; font-weight:400; }
.portfolio-detail small { font-size:10px; color:#8f8265; display:block; margin-top:5px; }
.portfolio-watermark { position:absolute; font-size:200px; font-weight:700; right:24px; top:15px; color:#d9bd7d04; line-height:1; }
.asset-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }
.asset-stat { background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:22px; position:relative; }
.asset-stat>.icon { color:#827554; position:absolute; right:22px; top:22px; }
.asset-stat>span { display:block; color:#9b9788; font-size:12px; }
.asset-stat strong { font-size:27px; font-weight:400; display:block; margin-top:14px; }
.asset-stat small { font-size:10px; margin-left:8px; color:#8a7c5e; }
.stat-link { color:var(--gold); font-size:11px; padding:0; display:block; margin-top:7px; }
.orders-section { margin-top:38px; }
.filter-tabs { display:flex; gap:28px; border-bottom:1px solid var(--line); margin-bottom:12px; }
.filter-tabs button { color:#898a7c; font-size:13px; padding:9px 1px 13px; border-bottom:1px solid transparent; }
.filter-tabs button.active { color:var(--gold); border-color:var(--gold); }

.order-list { display:flex; flex-direction:column; gap:14px; }
.order-card { background:var(--surface); border:1px solid var(--line); padding:22px 25px; border-radius:6px; }
.order-header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.order-plan { display:flex; align-items:center; gap:8px; font-size:15px; }
.order-plan .icon { color:var(--gold); width:18px; }
.order-plan small { font-size:11px; color:#9e947b; }
.status-tag { font-size:10px; color:#cab178; border:1px solid #cab17829; background:#cab17808; padding:3px 9px; border-radius:3px; }
.status-tag.settled { color:#939a8a; border-color:#939a8a24; background:none; }
.status-tag.matured { background:#d9bd7d19; color:#efdcac; }
.order-data { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin:22px 0; }
.order-data>div>span { display:block; color:#8b8b7e; font-size:11px; margin-bottom:8px; }
.order-data strong { font-size:23px; font-weight:400; }
.order-data small { font-size:10px; margin-left:8px; color:#83785c; }
.order-data .order-date { font-size:17px; }
.order-progress { height:2px; background:#29291f; margin:0 0 13px; overflow:hidden; }
.order-progress>span { display:block; height:100%; background:var(--gold); }
.order-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.order-footer>span { font-size:11px; color:#878778; }
.small-gold-button { background:#d9bd7d15; padding:7px 14px; color:var(--gold); font-size:12px; border:1px solid #d9bd7d33; border-radius:4px; }
.small-gold-button .icon { width:12px; margin-left:5px; }
.empty-state { display:flex; align-items:center; flex-direction:column; text-align:center; padding:46px 25px; border:1px dashed #d9bd7d24; border-radius:6px; }
.empty-state>.icon { width:36px; height:36px; color:#a99569; margin-bottom:18px; }
.empty-state h3 { font-size:16px; margin-bottom:10px; }
.empty-state p { color:#969084; font-size:12px; line-height:1.9; max-width:340px; }
.empty-state>.outline-button { margin-top:22px; }
.dividend-banner { display:flex; align-items:center; position:relative; gap:22px; background:linear-gradient(110deg,#d9bd7d0a,transparent); border:1px solid var(--gold-line); padding:26px 30px; border-radius:6px; }
.dividend-banner>.icon { width:37px; height:37px; color:var(--gold); }
.dividend-banner>div>span { font-size:9px; letter-spacing:2px; color:#9c895d; }
.dividend-banner h2 { font-size:20px; color:var(--gold-bright); margin:5px 0; }
.dividend-banner p { font-size:11px; color:#8c846f; }
.dividend-number { margin-left:auto; color:#d9bd7d50; font-size:64px; line-height:1; font-weight:400; }
.dividend-number small { font-size:25px; }
.profile-card { display:flex; align-items:center; gap:20px; padding:26px; background:var(--surface); border:1px solid var(--line); border-radius:6px; }
.profile-avatar { width:58px; height:58px; display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,#d9bd7d28,#d9bd7d08); color:var(--gold); border:1px solid var(--gold-line); border-radius:50%; }
.profile-avatar .icon { width:27px; height:27px; }
.profile-info { flex:1; }
.profile-info>span { font-size:10px; color:#8c8a7b; }
.profile-info strong { display:block; font-size:20px; font-weight:400; margin:3px 0; }
.profile-info p { font-size:11px; color:#8e7f5e; }
.ecology-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ecology-card { text-align:left; position:relative; padding:25px; background:var(--surface); border:1px solid var(--line); border-radius:6px; transition:.2s; }
.ecology-card:hover { border-color:var(--gold-line); transform:translateY(-2px); }
.ecology-icon { width:41px; height:41px; background:#d9bd7d09; border:1px solid #d9bd7d1a; border-radius:7px; color:var(--gold); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.ecology-icon .icon { width:23px; height:23px; }
.coming-soon { position:absolute; right:20px; top:24px; font-size:10px; color:#8d846c; background:#d9bd7d08; padding:2px 7px; border-radius:3px; }
.ecology-card h3 { font-size:16px; margin-bottom:6px; }
.ecology-card p { font-size:11px; color:#8c8b7e; }
.ecology-chevron { position:absolute; right:20px; bottom:30px; color:#8b7850; width:15px; }
.referral-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:22px; margin-top:34px; align-items:start; }
.invitation-empty { display:flex; flex-direction:column; align-items:center; padding:13px 0 26px; border-bottom:1px solid var(--line); }
.large-zero { font-size:50px; font-weight:400; color:#d8c8a2; line-height:1.5; }
.invitation-empty>span:last-child { font-size:12px; color:#908b7a; }
.invite-status { margin-top:22px; display:flex; flex-direction:column; gap:7px; }
.invite-status>span { color:#8b8a7b; font-size:11px; }
.invite-status>strong { font-size:13px; color:#b8ad94; font-weight:400; }
.invitation-panel>.outline-button { margin-top:20px; }
.referral-schedule { margin-top:27px; padding-top:22px; border-top:1px solid var(--line); }
.referral-schedule h3 { font-size:14px; margin-bottom:18px; }
.referral-schedule>div { display:grid; grid-template-columns:repeat(3,1fr); gap:21px 10px; }
.referral-schedule span { display:flex; flex-direction:column; }
.referral-schedule small { font-size:10px; color:#90907f; }
.referral-schedule strong { font-size:22px; color:var(--gold); font-weight:400; margin-top:3px; }
.commission-calculator>.section-note { margin-top:0; }
.form-label { display:flex; justify-content:space-between; gap:10px; align-items:center; margin:18px 0 10px; font-size:12px; color:#c3bcaa; }
.form-label>span { font-size:11px; color:#93846a; }
.text-input { width:100%; border:1px solid #d9bd7d30; padding:12px 14px; background:#11110f; border-radius:4px; font-size:16px; min-width:0; }
.calculator-result>div { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:9px; font-size:11px; }
.calculator-result span { color:#969181; }
.calculator-result b { font-weight:400; color:#bbb49f; }
.calculator-result .net-commission { margin-top:14px; padding-top:12px; border-top:1px solid var(--line); }
.net-commission strong { font-weight:400; color:var(--gold); font-size:22px; }
.net-commission small { font-size:10px; color:#847451; margin-left:7px; }
.calculator-divider { margin:25px 0; border-top:1px solid var(--line); }
.commission-calculator>h3 { font-size:15px; }
.select-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.select-row label { font-size:11px; color:#8e8c7a; display:block; margin-bottom:8px; }
.select-row select { width:100%; border:1px solid #d9bd7d29; background:#11110f; padding:10px; font-size:13px; border-radius:4px; cursor:pointer; }
.performance-check { display:flex; align-items:center; gap:30px; padding:20px 24px; border:1px solid var(--line); background:var(--surface); border-radius:5px; margin-bottom:17px; }
.performance-check>div:first-child { flex:1; max-width:360px; }
.performance-check label { font-size:12px; display:block; margin-bottom:8px; }
.performance-check label small { font-size:10px; color:#8a7c60; margin-left:6px; }
.performance-check>div:last-child>span { font-size:11px; color:#8e8c7a; display:block; }
.performance-check strong { color:var(--gold); font-size:22px; font-weight:400; }
.table-wrap { border:1px solid var(--line); border-radius:5px; overflow-x:auto; }
table { border-collapse:collapse; width:100%; text-align:left; font-size:13px; }
th { font-weight:400; font-size:11px; color:#908e7d; background:#1a1a16; padding:16px 24px; border-bottom:1px solid var(--line); white-space:nowrap; }
td { padding:14px 24px; border-bottom:1px solid #ffffff07; color:#bbb6a6; }
tbody tr:last-child td { border:0; }
tbody tr:hover { background:#d9bd7d04; }
.level-badge { border:1px solid #d9bd7d27; border-radius:3px; color:#c6ae78; padding:2px 9px; font-size:12px; }
.resource-links { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:5px; padding:0 22px; }
.resource-links>button { display:flex; align-items:center; gap:12px; padding:19px 0; font-size:13px; border-bottom:1px solid var(--line); text-align:left; color:#b9b5a6; }
.resource-links>button:last-child { border:0; }
.resource-links>button>.icon:first-child { color:#9f8c60; width:18px; }
.resource-links>button>.icon:last-child { color:#71725f; margin-left:auto; width:15px; }
.toast { position:fixed; bottom:25px; left:calc(50% + 115px); transform:translate(-50%,20px); background:#29271f; border:1px solid #d9bd7d58; color:#e4d9bd; padding:13px 21px; border-radius:6px; box-shadow:0 10px 50px #0008; z-index:100; max-width:calc(100vw - 35px); font-size:13px; opacity:0; visibility:hidden; transition:.2s; text-align:center; }
.toast.show { transform:translate(-50%,0); opacity:1; visibility:visible; }
.modal-open { overflow:hidden; }
.modal-overlay { position:fixed; inset:0; z-index:80; background:#000b; backdrop-filter:blur(7px); display:flex; justify-content:center; align-items:center; padding:25px; }
.modal { background:#1b1b17; border:1px solid #d9bd7d38; width:100%; max-width:510px; max-height:85dvh; overflow:auto; border-radius:10px; box-shadow:0 25px 120px #0009; }
.modal-heading { display:flex; justify-content:space-between; align-items:center; padding:22px 26px; border-bottom:1px solid var(--line); }
.modal-heading h2 { font-size:19px; }
.icon-button { padding:5px; color:#9d9581; display:flex; align-items:center; justify-content:center; }
.modal-body { padding:24px 26px; }
.modal-body>p { font-size:13px; color:#a9a38f; line-height:1.9; margin-top:13px; }
.modal-body>p:first-child { margin-top:0; }
.modal-footer { padding:18px 26px 24px; display:flex; justify-content:flex-end; gap:12px; border-top:1px solid var(--line); }
.modal-footer .primary-button,.modal-footer .outline-button { font-size:13px; padding:10px 17px; }
.modal-badge { display:inline-block; border:1px solid #d9bd7d27; background:#d9bd7d09; padding:3px 8px; color:#bda777; font-size:10px; border-radius:3px; margin-bottom:14px; }
.confirmation-list>div { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:11px 0; font-size:12px; }
.confirmation-list span { color:#aaa38e; }
.confirmation-list b { font-weight:400; text-align:right; }
.confirmation-list .confirmation-total { border-top:1px solid var(--gold-line); margin-top:10px; padding-top:18px; }
.confirmation-total b { font-size:22px; color:var(--gold); }







.wallet-instruction { text-align:center; }
.wallet-instruction>.icon { width:38px; height:38px; color:var(--gold); }
.wallet-instruction h3 { font-size:18px; margin:17px 0 11px; }
.wallet-instruction p { font-size:13px; color:#a49b85; line-height:1.9; }
.copy-link { background:#11110f; border:1px solid var(--line); padding:11px; border-radius:4px; display:flex; align-items:center; gap:10px; margin-top:20px; text-align:left; }
.copy-link>span { min-width:0; overflow-wrap:anywhere; font-size:11px; color:#b1a284; flex:1; }
.wallet-detail { display:flex; flex-direction:column; gap:8px; }
.wallet-detail>span { font-size:11px; color:#918a76; margin-top:14px; }
.wallet-detail>span:first-child { margin-top:0; }
.wallet-detail code { overflow-wrap:anywhere; font-size:13px; color:var(--gold); }
.wallet-detail strong { font-size:14px; font-weight:400; }
.whitepaper-cover { position:relative; padding:25px; border:1px solid var(--gold-line); border-radius:5px; overflow:hidden; min-height:210px; background:#171714; }
.whitepaper-cover img { position:absolute; width:58%; height:100%; object-fit:cover; right:-25px; top:0; opacity:.45; }
.whitepaper-cover>span { font-size:10px; letter-spacing:3px; color:var(--gold); position:relative; }
.whitepaper-cover h3 { position:relative; margin-top:20px; font-size:26px; line-height:1.8; }
.modal-body>.rule-note { margin-top:20px; }
@media(min-width:1450px) { .hero h1 { font-size:47px; } .hero { min-height:395px; } .hero-art>img { width:270px; height:270px; } .orbit-one { width:330px; height:330px; } .orbit-two { width:382px; height:382px; } }
@media(max-width:1180px) { .sidebar { width:190px; padding-left:16px; padding-right:16px; } .workspace { margin-left:190px; } .topbar { padding:0 28px; } main { padding:28px 28px 0; } .page-footer { padding-left:28px; padding-right:28px; } .hero { padding:30px; } .hero h1 { font-size:35px; } .hero-art { min-width:230px; margin-right:0; } .hero-art>img { width:205px; height:205px; } .orbit-one { width:260px; height:260px; top:-27px; } .orbit-two { width:304px; height:304px; top:-49px; } .coin-caption { gap:9px; } .coin-caption span { letter-spacing:1.5px; font-size:8px; } .overview-strip>div { padding:0 17px; } .overview-strip strong { font-size:26px; } .chain-chip { display:none; } .preview-plan { padding:20px 16px 0; } .preview-plan-title .outlined-badge { display:none; } .allocation-list { padding:20px 22px; } .allocation-row { gap:8px; } .panel { padding:22px; } .stake-layout { grid-template-columns:1.12fr 1fr; gap:16px; } .portfolio-detail { gap:22px; } .portfolio-total .value { font-size:34px; } .portfolio-card { padding:26px; } .ecology-card { padding:21px; } .coming-soon { right:14px; } .toast { left:calc(50% + 95px); } }
@media(max-width:950px) { .sidebar { width:160px; padding-left:12px; padding-right:12px; } .workspace { margin-left:160px; } .brand { padding-left:12px; } .brand-monogram { font-size:37px; } .brand-caption { letter-spacing:1.8px; font-size:9px; } .nav-item { padding-left:12px; gap:10px; } .sidebar-link { padding-left:9px; font-size:12px; } .hero { min-height:330px; padding:25px; } .hero h1 { font-size:30px; } .hero-art { min-width:190px; width:35%; } .hero-art>img { width:175px; height:175px; } .orbit-one { width:220px; height:220px; top:-22px; } .orbit-two { width:256px; height:256px; top:-40px; } .hero-copy>p { font-size:12px; } .hero-buttons { gap:16px; } .hero-subnote { font-size:10px; } .overview-strip strong { font-size:23px; } .overview-strip small { font-size:11px; margin-left:4px; } .plan-preview-grid { gap:10px; } .preview-plan { padding:17px 13px 0; } .preview-rate { font-size:30px; } .plan-bottom { flex-wrap:wrap; gap:3px; } .allocation-panel { grid-template-columns:40% 60%; } .allocation-chart { padding:25px 12px; } .donut { width:174px; height:174px; padding:13px; } .allocation-list { padding:16px 18px; } .allocation-row { font-size:12px; grid-template-columns:1fr 65px 30px; } .allocation-name { gap:7px; } .allocation-amount { font-size:14px; } .protocol-grid { grid-template-columns:repeat(2,1fr); } .protocol-item { border-bottom:1px solid var(--line); padding:20px!important; } .protocol-item:nth-child(even) { border-right:0; } .protocol-item:nth-last-child(-n+2) { border-bottom:0; } .stake-layout { grid-template-columns:1fr; } .settlement-cards { gap:12px; } .settlement-card { padding:18px; } .portfolio-card { align-items:flex-start; flex-direction:column; gap:25px; } .portfolio-detail { width:100%; padding-top:20px; border-top:1px solid var(--line); gap:0; } .portfolio-detail>div { width:50%; } .asset-stat { padding:18px; } .asset-stat>.icon { display:none; } .asset-stat strong { font-size:23px; } .order-data strong { font-size:20px; } .order-data small { display:block; margin-left:0; } .dividend-banner { padding:25px; gap:16px; } .dividend-banner h2 { font-size:17px; } .dividend-number { display:none; } .ecology-grid { gap:12px; } .ecology-card h3 { font-size:14px; } .ecology-card { padding:18px; } .ecology-chevron { display:none; } .coming-soon { font-size:9px; right:12px; top:22px; } .referral-layout { grid-template-columns:1fr; } .toast { left:calc(50% + 80px); } }
@media(max-width:720px) { body { font-size:16px; } .sidebar,.breadcrumb,.chain-chip { display:none; } .workspace { margin-left:0; } .topbar { height:72px; padding:0 20px; gap:10px; background:#12120ff5; position:sticky; top:0; z-index:40; backdrop-filter:blur(12px); } .mobile-brand { display:flex; flex-direction:column; color:var(--gold-bright); font-size:25px; letter-spacing:-1px; line-height:1.1; font-weight:700; } .mobile-brand span { font-size:7px; font-weight:400; letter-spacing:2px; color:var(--gold); margin-top:4px; } .header-actions { gap:13px; }  .wallet-button { padding:8px 10px; font-size:12px; gap:6px; } .wallet-button>.icon { width:17px; height:17px; } main { padding:20px 20px 0; } .hero { min-height:365px; padding:28px 25px; align-items:flex-start; border-radius:7px; } .hero .eyebrow { font-size:9px; letter-spacing:1.8px; } .hero .eyebrow-line { width:20px; } .hero h1 { font-size:32px; line-height:1.5; margin-top:24px; position:relative; z-index:2; } .hero p { font-size:12px; max-width:235px; line-height:1.9; } .hero-art { position:absolute; right:-67px; top:80px; width:260px; min-width:0; opacity:.37; margin:0; } .hero-art>img { width:230px; height:230px; } .orbit-one { width:280px; height:280px; top:-25px; } .orbit-two { width:320px; height:320px; top:-45px; } .coin-caption { display:none; } .hero-buttons { margin-top:24px; gap:21px; } .primary-button { padding:11px 19px; } .hero-subnote { margin-top:24px; font-size:9px; gap:7px; } .hero-buttons .text-button { font-size:12px; } .overview-strip { padding:24px 0; grid-template-columns:repeat(2,1fr); gap:22px 0; margin-bottom:17px; } .overview-strip>div { padding:0 21px; } .overview-strip>div:nth-child(odd) { padding-left:0; } .overview-strip>div:nth-child(even) { border:0; } .overview-strip span { font-size:11px; margin-bottom:5px; } .overview-strip strong { font-size:29px; } .overview-strip small { font-size:12px; margin-left:7px; } .section-title { margin-bottom:16px; gap:10px; } .section-title h2 { font-size:17px; gap:9px; } .section-title h2>span { font-size:9px; letter-spacing:1px; } .section-title .compact { font-size:11px; } section+section { margin-top:29px; } .plan-preview-grid { grid-template-columns:repeat(2,1fr); gap:12px; } .preview-plan { padding:18px 18px 0; } .preview-plan-title { margin-bottom:17px; font-size:26px; } .preview-rate { font-size:34px; } .plan-bottom { margin-top:16px; padding:12px 0; flex-wrap:nowrap; } .plan-bottom>span { font-size:9px; } .allocation-panel { grid-template-columns:1fr; } .allocation-chart { border-right:0; border-bottom:1px solid var(--line); padding:27px 0 22px; } .donut { width:190px; height:190px; padding:15px; } .allocation-list { padding:17px 23px 22px; } .allocation-row { grid-template-columns:1fr 70px 30px; font-size:13px; gap:14px; min-height:42px; } .chart-caption { font-size:10px; margin-top:13px; } .protocol-item { padding:20px 16px!important; } .protocol-item p { font-size:11px; } .roadmap { grid-template-columns:1fr 1fr; gap:26px 20px; padding-top:0; } .roadmap:before { display:none; } .roadmap-item { padding:0 0 0 15px; border-left:1px solid #d9bd7d25; } .roadmap-dot { top:3px; left:-6px; } .roadmap-date { font-size:11px; } .roadmap h3 { font-size:13px; } .roadmap p { font-size:10px; } .page-footer { padding:20px 20px calc(96px + env(safe-area-inset-bottom)); margin-top:32px; font-size:9px; } .mobile-nav { display:grid; grid-template-columns:repeat(4,1fr); position:fixed; inset:auto 0 0; z-index:50; background:#151511f5; border-top:1px solid #d9bd7d24; backdrop-filter:blur(20px); padding:9px 12px calc(9px + env(safe-area-inset-bottom)); } .mobile-nav .nav-item { display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; padding:5px 0; font-size:10px; color:#7b7d6f; } .mobile-nav .nav-item .icon { width:21px; height:21px; } .mobile-nav .nav-item.active { color:var(--gold); } .page-heading { padding:5px 0 24px; align-items:flex-start; } .page-heading .eyebrow { font-size:10px; letter-spacing:1.7px; } .page-heading h1 { font-size:24px; margin:10px 0 8px; } .page-heading p { font-size:12px; line-height:1.9; } .page-heading>.label-chip { display:none; } .page-heading>.outline-button { padding:8px 11px; min-height:39px; font-size:11px; white-space:nowrap; margin-top:24px; } .page-heading>.outline-button .icon { width:15px; } .panel { padding:22px; } .plan-choice { padding:16px; } .plan-choice>span:first-child { font-size:25px; } .plan-choice strong { font-size:22px; } .input-top { flex-wrap:wrap; gap:5px; } .input-top>span { font-size:10px; } .amount-input { gap:10px; padding:14px; } .amount-input input { font-size:22px; } .amount-input>span { font-size:11px; } .form-rule-summary>div { font-size:12px; } .value { font-size:33px; } .estimate-breakdown>div { font-size:12px; } .early-results>div { font-size:12px; } .early-total strong { font-size:23px; } .settlement-cards { grid-template-columns:1fr; gap:13px; } .settlement-card { padding:22px; } .settlement-card p { min-height:0; } .settlement-card strong { margin-top:14px; } .rule-number { position:absolute; top:20px; right:20px; } .portfolio-card { padding:25px; } .portfolio-total .value { font-size:35px; } .portfolio-total>div { margin:13px 0 8px; } .portfolio-total p { font-size:10px; } .portfolio-detail strong { font-size:21px; } .portfolio-detail span { font-size:11px; } .asset-stat-grid { gap:10px; margin-top:15px; } .asset-stat { padding:15px 12px; min-width:0; } .asset-stat>span { font-size:10px; } .asset-stat strong { font-size:22px; overflow-wrap:anywhere; } .asset-stat small { display:block; margin:3px 0 0; font-size:9px; } .asset-stat .stat-link { font-size:10px; } .order-card { padding:19px; } .order-plan { font-size:13px; gap:6px; } .order-plan small { font-size:10px; } .order-plan .icon { width:15px; } .order-data { grid-template-columns:1fr 1fr; gap:20px 15px; margin:20px 0; } .order-data>div:last-child { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; } .order-data>div:last-child>span { margin:0; } .order-data .order-date { font-size:13px; } .order-data strong { font-size:23px; } .order-data small { font-size:10px; } .order-footer>span { font-size:10px; } .order-footer .compact { font-size:11px; } .dividend-banner { padding:22px 20px; gap:14px; } .dividend-banner>.icon { width:29px; height:29px; } .dividend-banner h2 { font-size:16px; line-height:1.8; } .dividend-banner>div>span { font-size:8px; } .dividend-banner p { font-size:10px; } .profile-card { padding:20px; gap:13px; flex-wrap:wrap; } .profile-avatar { width:48px; height:48px; } .profile-info strong { font-size:18px; } .profile-card>.outline-button { font-size:11px; padding:8px 11px; min-height:38px; } .ecology-grid { grid-template-columns:1fr; gap:11px; } .ecology-card { padding:20px 20px 20px 79px; min-height:92px; } .ecology-icon { position:absolute; top:24px; left:21px; width:39px; height:39px; margin:0; } .ecology-card h3 { font-size:15px; margin-bottom:5px; } .ecology-card p { font-size:11px; } .coming-soon { right:18px; top:25px; font-size:9px; } .referral-layout { margin-top:28px; gap:20px; } .invitation-empty { padding-top:4px; } .referral-schedule>div { grid-template-columns:repeat(6,1fr); gap:8px; } .referral-schedule small { font-size:9px; } .referral-schedule strong { font-size:20px; } .performance-check { padding:18px; gap:20px; } .performance-check>div:first-child { max-width:none; } th,td { padding:13px 15px; } th { font-size:10px; } td { font-size:12px; } .resource-links { padding:0 20px; } .resource-links>button { font-size:12px; } .toast { left:50%; bottom:calc(88px + env(safe-area-inset-bottom)); font-size:12px; width:max-content; } .modal-overlay { padding:16px; } .modal { max-height:80dvh; border-radius:9px; } .modal-heading { padding:19px 21px; } .modal-heading h2 { font-size:17px; } .modal-body { padding:21px; } .modal-footer { padding:17px 21px 22px; } .modal-footer .primary-button,.modal-footer .outline-button { font-size:12px; padding:10px 14px; } .confirmation-list>div { font-size:11px; } .confirmation-total b { font-size:20px; } }
@media(max-width:380px) { main { padding-left:15px; padding-right:15px; } .topbar { padding:0 15px; } .header-actions { gap:8px; } .wallet-button { padding:7px 8px; } .hero { padding:24px 20px; } .hero h1 { font-size:29px; } .hero-art { right:-91px; } .hero-subnote { font-size:8px; } .preview-plan { padding:17px 14px 0; } .allocation-list { padding:15px 18px; } .allocation-row { gap:8px; font-size:12px; } .section-title h2>span { display:none; } .asset-stat-grid { gap:7px; } .asset-stat { padding:14px 9px; } .asset-stat>span { font-size:9px; } .dividend-banner h2 { font-size:14px; } .profile-card>.outline-button { margin-left:61px; } .referral-schedule>div { grid-template-columns:repeat(3,1fr); gap:20px; } .coming-soon { font-size:8px; right:12px; } .ecology-card { padding-left:73px; } .ecology-card h3 { font-size:14px; } }
.donut { padding:24px; }
@media(max-width:950px) { .donut { padding:20px; } }
.overview-strip>div>span,.form-rule-summary>div,.estimate-breakdown>div,.early-results>div,.calculator-result>div,.form-label,.select-row label,.input-description,.plan-bottom>span { font-size:14px; }
.plan-bottom>span { font-size:12px; }
.section-note,.button-note,.rule-note,.settlement-card p,.modal-body>p,.wallet-instruction p { font-size:13px; }
.ecology-card p,.protocol-item p { font-size:13px; }
.order-data>div>span,.order-footer>span,.asset-stat>span { font-size:13px; }
@media(max-width:720px) { .mobile-nav .nav-item { font-size:13px; } .overview-strip>div>span,.estimate-breakdown>div,.early-results>div,.calculator-result>div { font-size:13px; } .asset-stat>span { font-size:11px; } .hero p { font-size:14px; } .page-heading p { font-size:14px; } .hero-art { opacity:.28; } .plan-bottom>span { font-size:11px; } .plan-bottom { flex-wrap:wrap; } .section-note,.rule-note { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.token-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin: 18px 0 24px; }
.portfolio-total .value { overflow-wrap: anywhere; }

.referral-income-total { padding: 22px 0 26px; border-bottom: 1px solid var(--line); }
.referral-income-total>span, .referral-income-details span { display: block; color: var(--muted); font-size: 14px; margin-bottom: 12px; }
.referral-income-total strong { display: block; color: var(--gold-bright); font-size: 42px; font-weight: 500; }
.referral-income small { color: var(--muted); font-size: 12px; font-weight: 400; margin-left: 9px; }
.referral-income-details { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 26px 0 8px; }
.referral-income-details strong { font-size: 25px; font-weight: 500; }
.referral-income>.outline-button { margin-top: 18px; }

/* Live staking retains the confirmed palette and layout. */
.live-error{color:#e6a18d;padding:12px 0;overflow-wrap:anywhere}.live-order-details{display:grid;gap:9px;color:var(--muted);font-size:13px;margin:15px 0}.live-order-details>span{display:flex;justify-content:space-between;gap:12px}.live-order-details b{font-weight:400;color:var(--text);text-align:right}.live-order-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.transaction-panel article{padding:16px 0;border-bottom:1px solid var(--line)}.transaction-panel article>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.transaction-panel article span{color:var(--muted)}.transaction-panel article p{font-size:12px;color:var(--muted);margin:7px 0}.transaction-panel{margin-top:28px}.text-input[readonly]{color:var(--muted)}.staking-panel>.outline-button{margin-bottom:14px}button:disabled{opacity:.45;cursor:default}.copy-link>span{overflow-wrap:anywhere;min-width:0}.confirmation-list b{overflow-wrap:anywhere}#stake-referrer{font-size:14px}@media(max-width:600px){.live-order-details>span{flex-wrap:wrap;font-size:12px}.live-order-details b{text-align:left}.live-order-actions{justify-content:flex-start;width:100%}.order-footer:has(.live-order-actions){flex-direction:column;align-items:flex-start;gap:14px}.live-order-actions button{min-height:42px}.order-plan{flex-wrap:wrap}.order-plan small{display:block}.transaction-panel article>div{flex-wrap:wrap}.referral-income-total strong{overflow-wrap:anywhere}.text-input{font-size:16px}}

.admin-pool-entry {margin-bottom:24px}.admin-pool-entry .section-title {gap:16px;flex-wrap:wrap}.admin-pool-entry .section-note {margin-bottom:16px}.legacy-pool-entries {margin-top:32px}.legacy-entry-links {display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.legacy-entry-links a {width:100%;justify-content:space-between}.admin-pool-entry .section-title a {width:100%;justify-content:space-between}}

.order-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.order-pagination span{color:var(--text-muted,#a4a09a);font-size:13px}
.live-error>[data-read-part]{display:block;margin-top:10px;min-height:44px;max-width:100%}

/* Stake actions and transaction progress */
.stake-action{min-height:58px;font-size:17px;font-weight:750;letter-spacing:.02em;border-radius:12px}
.stake-authorize{border:2px solid #e8c77c;background:linear-gradient(135deg,#423520,#28231a);color:#ffe4a5;box-shadow:0 3px 18px #c99b3822}
.stake-confirm{border:1px solid #ffe7aa;box-shadow:0 5px 24px #d9ac5145}
.stake-action:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.stake-capacity-note{padding:14px 16px;margin:16px 0;border:1px solid #75613b;border-radius:12px;background:#29251b;font-size:13px;line-height:1.7;color:#d8d0be}
.stake-capacity-note strong{color:#f1d49b}.stake-capacity-note p{margin:7px 0}.stake-capacity-note small{color:#bbb1a0}
.transaction-busy{overflow:hidden}
.transaction-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;touch-action:none}
.transaction-progress{width:min(100%,380px);padding:32px 24px;border:1px solid #a8894e;border-radius:20px;background:#1c1b18;box-shadow:0 18px 60px #0009;text-align:center;color:#f1e9d7}
.transaction-progress h2{font-size:20px;margin:20px 0 12px}.transaction-progress p{font-size:15px;line-height:1.7;min-height:50px;margin:0 0 14px}.transaction-progress small{display:block;color:#b7ae9a;font-size:12px;line-height:1.7}
.transaction-spinner{display:inline-block;width:46px;height:46px;border:3px solid #e3bf6c33;border-top-color:#f4d28a;border-right-color:#a98840;border-radius:50%;animation:transaction-spin 1s linear infinite}
@keyframes transaction-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.transaction-spinner{animation-duration:3s}}

.legacy-own-orders{margin-top:30px;padding-top:24px;border-top:1px solid #887046}.legacy-own-orders .order-card{border-color:#665333}.legacy-own-orders .section-title h2{color:#f0d49a}

/* Global dividends have their own settlement section, outside daily-yield orders. */
.order-income-heading{font-size:14px;color:var(--gold);margin:22px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.global-dividend-section{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.global-dividend-list{display:grid;gap:16px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.global-dividend-card{padding:22px;border:1px solid #887046;border-radius:8px;background:var(--panel)}
.global-dividend-card h3{font-size:16px;font-weight:500}.global-dividend-card .section-title{flex-wrap:wrap}
.global-dividend-card .small-gold-button{width:100%;min-height:44px;margin-top:10px}.global-dividend-card .section-note{margin-top:12px}
.referral-claim-note{padding:14px;border:1px solid var(--line);border-radius:6px;line-height:1.8}