:root{color-scheme:dark;--bg:#070b10;--panel:#0d151f;--panel2:#111c28;--line:#243345;--text:#f2f7fb;--muted:#9cacbd;--accent:#a9f06b;--accent2:#76dba0;--red:#ff7f8c;--amber:#ffd27d;--blue:#78c7ff;--shadow:0 24px 80px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.brand{text-decoration:none;display:inline-block;line-height:1.05}.brand strong{font-size:24px;letter-spacing:-.7px}.brand span{font-size:23px;font-weight:400;margin-left:5px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.2px;margin-top:7px}.btn,button{appearance:none;border:1px solid var(--line);background:#172231;color:var(--text);border-radius:10px;min-height:44px;padding:10px 16px;font:inherit;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s ease}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.primary,.primary{background:var(--accent);border-color:var(--accent);color:#12200f;box-shadow:0 12px 36px rgba(169,240,107,.13)}.btn.secondary,.secondary{background:#17271e;border-color:#36543b;color:var(--accent)}.btn.ghost,.ghost{background:transparent}.btn.big{padding:14px 20px;min-height:52px}.full{width:100%}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:2px}.muted{color:var(--muted)}.notice{position:sticky;top:12px;z-index:40;padding:12px 16px;border:1px solid #4b6b50;background:#18261d;border-radius:10px;box-shadow:var(--shadow)}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.positive{color:var(--accent)!important}.negative{color:var(--red)!important}.warning{color:var(--amber)!important}.tag{display:inline-flex;align-items:center;padding:6px 10px;background:#132019;border:1px solid #2f4837;border-radius:999px;color:var(--muted);font-size:12px}.microcopy{font-size:13px;color:var(--muted)}

/* ===== v36 · standardized YOU Crypto branding ===== */
.brand-logo{display:inline-flex!important;align-items:center;text-decoration:none!important;line-height:1!important}
.brand-logo img{display:block;width:260px;max-width:100%;height:56px;object-fit:contain;object-position:left center}
.system-brand{width:min(310px,82vw)}
.system-brand img{width:100%;height:auto;max-height:86px}
.footer-brand img{width:220px;height:52px}
.coin-ico{object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.coin-ico.big{width:42px!important;height:42px!important}
@media(max-width:650px){.brand-logo img{width:185px;height:46px}.system-brand{width:225px}.footer-brand img{width:180px}}

/* ===== v37 · brand system: emblem always visible ===== */
.yc-brand{display:inline-flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;min-width:0}
.yc-brand .yc-brand-icon{display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;max-width:none!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.35))}
.yc-brand .yc-brand-copy{display:grid!important;grid-template-columns:auto auto!important;grid-template-areas:"name mode" "tag tag"!important;align-items:end!important;column-gap:8px!important;line-height:1!important;min-width:0}
.yc-brand .yc-brand-copy strong{grid-area:name!important;font-size:23px!important;font-weight:900!important;letter-spacing:-.7px!important;color:#f0b90b!important;white-space:nowrap}
.yc-brand .yc-brand-copy>span{grid-area:mode!important;font-size:16px!important;font-weight:700!important;color:var(--text)!important;margin:0!important;padding-bottom:2px!important;white-space:nowrap}
.yc-brand .yc-brand-copy>span:before{content:"| ";color:var(--muted)}
.yc-brand .yc-brand-copy small{grid-area:tag!important;display:block!important;margin-top:6px!important;color:var(--muted)!important;font-size:7.5px!important;font-weight:700!important;letter-spacing:1.8px!important;text-transform:uppercase!important;white-space:nowrap}
.system-brand{width:auto!important;max-width:100%!important}
.footer-brand{display:inline-flex!important}
.footer-brand .yc-brand-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
.footer-brand .yc-brand-copy strong{font-size:19px!important}
.footer-brand .yc-brand-copy>span{font-size:13px!important}
body.experience-lite .yc-brand .yc-brand-copy>span{color:#161a1e!important}
body.experience-lite .yc-brand .yc-brand-copy small{color:#6b7280!important}
body.experience-pro .yc-brand .yc-brand-copy>span{color:#eaecef!important}
@media(max-width:650px){
 .yc-brand{gap:8px!important}
 .yc-brand .yc-brand-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
 .yc-brand .yc-brand-copy strong{font-size:18px!important}
 .yc-brand .yc-brand-copy>span{font-size:12px!important}
 .yc-brand .yc-brand-copy small{font-size:6px!important;letter-spacing:1.2px!important}
}

/* ===== v42 · raster crypto assets ===== */
.coin-ico{object-fit:contain!important;background:transparent!important}
img[src*="/static/img/coins/"]{image-rendering:auto}

/* ===== v54 · Product polish tokens ===== */
:root{
  --yc-bg:#0b0e11;
  --yc-surface:#11161d;
  --yc-surface-2:#171d25;
  --yc-border:#2a313b;
  --yc-text:#f5f7fa;
  --yc-muted:#8f9baa;
  --yc-accent:#f0b90b;
  --yc-positive:#0ecb81;
  --yc-negative:#f6465d;
  --yc-radius:10px;
  --yc-radius-sm:7px;
  --yc-shadow:0 8px 24px rgba(0,0,0,.16);
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,select,textarea{font:inherit}
.btn,button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:2px solid rgba(240,185,11,.8)!important;
  outline-offset:2px!important;
}
.btn:active,button:active{transform:translateY(1px)}
.btn:disabled,button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important}
