/* QFS GOLDEN preview theme — vivid violet, champagne gold and soft quantum lattice */
:root{
  --bg:#100a24;--surface:#1a1231;--surface2:#21183c;
  --gold:#e7bd63;--gold2:#ffe6a0;--purple:#8555d8;
  --text:#fffaf2;--muted:#d1c8df;--line:rgba(240,211,145,.26);
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}
body{
  color:var(--text);
  background:
    radial-gradient(ellipse at 14% 4%,rgba(145,56,223,.34),transparent 30%),
    radial-gradient(ellipse at 88% 19%,rgba(47,169,211,.18),transparent 28%),
    radial-gradient(ellipse at 52% 61%,rgba(95,48,148,.2),transparent 40%),
    linear-gradient(145deg,#130b2b,#0c1027 56%,#15102b);
}
body:before{
  opacity:.52;
  background-image:
    linear-gradient(rgba(194,169,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(194,169,255,.045) 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:radial-gradient(ellipse at 50% 18%,#000 0,rgba(0,0,0,.7) 42%,transparent 82%);
}
body:after{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.33;
  background:
    radial-gradient(ellipse at 50% 15%,transparent 0 28%,rgba(172,128,246,.12) 28.15%,transparent 28.5%,transparent 35%,rgba(100,211,238,.1) 35.15%,transparent 35.5%),
    linear-gradient(118deg,transparent 20%,rgba(113,91,204,.08) 20.15%,transparent 20.5% 68%,rgba(243,201,109,.08) 68.15%,transparent 68.5%);
}
#prismatic-field{opacity:.3}
#quantum-grid{opacity:.28}
.scanline{opacity:.48}
.orb-a{background:#9a43e4;opacity:.18}
.orb-b{background:#39a8cf;opacity:.13}
.topbar{
  border-bottom-color:rgba(204,174,255,.22);
  background:rgba(18,11,42,.82);
  box-shadow:0 8px 34px rgba(4,5,20,.16);
}
.brand{color:#fff0c1;text-shadow:0 0 24px rgba(255,220,136,.22)}
.brand img{box-shadow:0 0 26px rgba(235,194,93,.28),0 0 42px rgba(144,91,221,.19)}
nav a{color:#e0d9ec}
nav a:hover{color:#ffe6a0}
.actions button,.menu{border-color:rgba(196,171,239,.34);background:rgba(255,255,255,.035)}
.locale-status{border-left-color:rgba(196,171,239,.23)}
.locale-status b{color:#f4eaff}
.button{
  background:linear-gradient(120deg,#ffe9aa,#e6bd62 54%,#bd8a36);
  border-color:#ffe7a0;color:#261433;
  box-shadow:0 10px 32px rgba(232,190,93,.19),0 0 26px rgba(165,104,229,.13);
}
.button.ghost{color:#fff1c9;border-color:rgba(241,212,150,.55);background:rgba(50,33,82,.52)}
.market-tape{
  border-color:rgba(201,173,248,.23);
  background:linear-gradient(105deg,rgba(41,22,75,.91),rgba(20,23,57,.93) 62%,rgba(40,30,69,.9));
  box-shadow:0 14px 42px rgba(3,5,19,.22),inset 0 -1px rgba(255,221,123,.1);
}
.market-label{background:linear-gradient(115deg,rgba(142,75,211,.2),rgba(214,175,76,.12))}
.market-label b,.eyebrow,.clock-label,.market-access-head b{color:#f2d18a}
.market-label small,.market-tape .quote small{color:#c4b8d8}
.time-market-panel{
  border-color:rgba(198,173,242,.23);
  background:linear-gradient(115deg,rgba(28,17,57,.92),rgba(19,23,55,.91) 52%,rgba(44,31,67,.9));
  box-shadow:0 18px 55px rgba(3,5,20,.2);
}
.local-clock{border-bottom-color:rgba(208,181,247,.18)}
.local-clock time b{color:#fff0b4;text-shadow:0 0 26px rgba(245,210,122,.24)}
.local-clock time span,.clock-zone{color:#d8cde7}
.visitor-metric,.visitor-weather-item{border-color:rgba(205,180,244,.18)}
.visitor-metric>span,.visitor-weather-item>span{color:#e1c47b}
.visitor-metric strong,.visitor-weather-item strong{color:#fff6dc}
.visitor-weather-item,.visitor-metric{background:linear-gradient(135deg,rgba(121,71,176,.16),rgba(25,23,55,.54))}
.visitor-weather-item button{color:#fff0c7;border-color:rgba(238,208,139,.48);background:rgba(69,45,99,.55)}
.visitor-disclosure,.visitor-time time small,.visitor-time em,.visitor-weather-item small,.visitor-gold small{color:#c3b8d1}
.visitor-gold{background:linear-gradient(125deg,rgba(216,171,70,.18),rgba(109,66,164,.18))}
.visitor-gold strong,.visitor-price-card>strong{color:#ffe8a4}
.market-access-links a{
  border-color:rgba(207,181,246,.24);
  background:linear-gradient(120deg,rgba(107,61,156,.2),rgba(222,180,78,.09));
}
.market-access-links strong{color:#fff0c5}
.market-access-links span,.market-access-note{color:#c7bfd0}
.market-access-note{border-left-color:#9e83dc;background:rgba(156,123,205,.075)}
.market-access-note strong{color:#f6edff}
.hero{position:relative;isolation:isolate}
.hero:before{
  content:"";position:absolute;z-index:-1;inset:2% -3% 0;pointer-events:none;opacity:.55;
  background:
    repeating-linear-gradient(122deg,transparent 0 71px,rgba(188,159,242,.07) 72px,transparent 73px 144px),
    repeating-linear-gradient(32deg,transparent 0 91px,rgba(101,207,231,.055) 92px,transparent 93px 184px),
    radial-gradient(ellipse at 58% 45%,rgba(139,75,213,.17),transparent 52%);
  mask-image:radial-gradient(ellipse at 55% 50%,#000 0 35%,transparent 78%);
}
.hero h1 span{text-shadow:0 0 35px rgba(255,207,95,.27)}
.hero h2,.section h2{color:#fff9ec}
.lead,.section-head>p,.section-head>div+p{color:#d1c8df}
.quantum-earth{opacity:.68;filter:saturate(1.28) contrast(1.02);mix-blend-mode:screen}
.hero-art:after{border-color:rgba(255,225,159,.46);box-shadow:0 0 92px rgba(255,197,83,.17),0 0 105px rgba(126,78,211,.16),inset 0 0 80px rgba(225,182,78,.19)}
.globe{background:radial-gradient(circle at 35% 30%,rgba(132,94,166,.9),rgba(60,31,90,.9) 36%,rgba(18,14,39,.94) 72%);border-color:#ffe5a0;box-shadow:0 0 24px rgba(255,220,130,.55),0 0 100px rgba(145,76,204,.38),inset 0 0 62px rgba(107,188,218,.12)}
.grid{background:repeating-radial-gradient(circle,transparent 0 38px,rgba(205,179,255,.22) 40px),repeating-linear-gradient(25deg,transparent 0 38px,rgba(104,217,235,.14) 40px)}
.node{border-color:rgba(255,223,151,.72);background:rgba(31,21,60,.82);color:#ffebba;box-shadow:0 0 24px rgba(180,127,242,.22)}
.trust{border-color:rgba(205,178,248,.2);background:linear-gradient(90deg,rgba(41,26,76,.78),rgba(31,30,70,.73))}
.trust span{color:#eee6f5;border-color:rgba(205,178,248,.18)}
.qfs-market{
  border-color:rgba(243,211,139,.42);
  background:radial-gradient(circle at 14% 0,rgba(133,73,181,.34),transparent 38%),radial-gradient(circle at 92% 8%,rgba(68,147,187,.18),transparent 32%),linear-gradient(145deg,rgba(31,19,58,.97),rgba(15,15,39,.97));
  box-shadow:0 28px 82px rgba(3,5,20,.3),inset 0 1px rgba(255,239,193,.13),0 0 40px rgba(153,99,205,.13);
}
.qfs-market-head h2{color:#fff1c4}
.qfs-market-head p:not(.eyebrow){color:#d3c9e0}
.market-source{border-color:rgba(232,204,139,.38);background:linear-gradient(120deg,rgba(111,63,152,.37),rgba(203,158,59,.14))}
.market-source-gecko span{color:#ddcde9}.market-source-gecko b{color:#fff0c8}
.qfs-market-stats{border-color:rgba(239,207,138,.24);background:rgba(232,190,82,.16)}
.qfs-market-stats article{background:linear-gradient(145deg,rgba(47,31,77,.96),rgba(23,22,55,.97))}
.qfs-market-stats span,.qfs-market-stats em{color:#c6bbd5}
.qfs-market-stats strong{color:#ffe7a0}
.qfs-chart-shell{box-shadow:0 18px 55px rgba(3,5,20,.27)}
.qfs-market-foot p{color:#c0b6cb}
.legal-notice,.gateway-preview{
  border-color:rgba(235,204,132,.34)!important;
  background:linear-gradient(125deg,rgba(73,43,107,.34),rgba(28,28,65,.58))!important;
  box-shadow:0 15px 46px rgba(3,5,20,.16);
}
.legal-notice p,.gateway-copy p:not(.eyebrow){color:#ddd4e8}
.section{position:relative}
.cards article,.metrics>div,.doc-grid a,details{
  border-color:rgba(204,177,245,.24);
  background:linear-gradient(145deg,rgba(49,33,82,.78),rgba(23,24,57,.83));
  box-shadow:0 12px 32px rgba(4,5,20,.12),inset 0 1px rgba(255,255,255,.045);
}
.cards article:hover{border-color:rgba(255,223,149,.62);box-shadow:0 15px 40px rgba(103,61,152,.22)}
.cards i{background:rgba(222,185,94,.13);border-color:rgba(236,207,141,.34);color:#ffdf91}
.cards h3{color:#fff1cb}
.cards p,.metrics small,.metrics em,.doc-grid small{color:#d0c7dd}
.metrics strong{color:#ffe29a}
.panel{border-color:rgba(202,176,241,.2);background:linear-gradient(90deg,rgba(101,52,143,.16),rgba(81,131,162,.08),rgba(215,169,65,.09))}
.steps{border-color:rgba(204,177,245,.26)}
.steps li{border-color:rgba(204,177,245,.2);background:linear-gradient(180deg,rgba(117,67,164,.2),rgba(42,39,86,.18))}
.steps b,.doc-grid span,.impact-grid b{color:#f2d18a}
summary{color:#ffe4a0}
.impact-grid div{background:linear-gradient(90deg,rgba(99,57,143,.18),rgba(65,127,161,.06),transparent)}
.documents{border-color:rgba(205,178,248,.22)}
footer{border-color:rgba(205,178,248,.2);background:linear-gradient(130deg,#100a23,#11132d 58%,#17102b)}
.footer-brand b{color:#ffe5a0}
.footer-brand p,.disclaimer{color:#c3b9cf}
.footer-links{color:#ffe5a0}
.contract{border-color:rgba(235,206,143,.42);background:linear-gradient(120deg,rgba(50,33,81,.78),rgba(24,25,59,.85));color:#f4ebff}
.contract span,.contract b{color:#ffe5a0}
.contract code{font-family:var(--mono);color:#e3d8f1}
.market-label b,.market-label small,.eyebrow,.clock-label,.market-access-head b,
.visitor-metric>span,.visitor-weather-item>span,.visitor-price-card>span,
.qfs-market-stats span,.doc-grid span,.steps b,.market-access-note strong{
  font-family:var(--mono);letter-spacing:.085em;
}
.legal-notice p,.market-access-note,.disclaimer{font-family:var(--mono);font-size:.72rem}
.toast{background:#ffe4a0;color:#211430}
nav{scrollbar-width:thin}
@media(max-width:1050px){nav{background:rgba(21,13,47,.97);border-color:rgba(204,177,245,.24)}}
@media(max-width:850px){.visitor-metric:nth-child(3){border-color:rgba(205,178,248,.18)}}
@media(max-width:650px){
  .hero{background:radial-gradient(ellipse at 50% 68%,rgba(143,75,199,.13),transparent 56%)}
  .hero-art:after{opacity:.75}
  .market-tape .market-label small{display:none}
}
@media(prefers-reduced-motion:reduce){#prismatic-field{opacity:.16}.scanline{display:none}}

/* Responsive finish: prevent the desktop navigation from clipping */
html{overflow-x:clip}
.topbar nav a{white-space:nowrap}
@media(min-width:1281px) and (max-width:1480px){
  .topbar{gap:16px;padding-inline:clamp(18px,3vw,40px)}
  .brand{gap:9px;font-size:1.38rem}
  .brand img{width:48px;height:48px}
  .topbar nav{gap:14px}
  .topbar nav a{font-size:.82rem}
  .locale-status{min-width:0;max-width:142px;padding-inline:7px}
  .locale-status b{font-size:.62rem}
  .actions{gap:7px}
  .actions .button.small{padding-inline:12px;font-size:.82rem}
}
@media(max-width:1280px){
  .topbar{gap:12px}
  .topbar .menu{display:block;margin-left:auto}
  .topbar nav{position:fixed;top:84px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:22px 24px;background:rgba(21,13,47,.98);border-bottom:1px solid rgba(204,177,245,.24)}
  .topbar nav.open{display:flex}
  .topbar .actions{margin-left:0}
}
@media(max-width:700px){
  .topbar nav{top:72px}
  .locale-status{display:none}
  .topbar{padding-inline:16px}
  .topbar .actions{gap:7px}
}

/* Preserve Binance Web3's recognizable yellow and black brand treatment */
.market-source-binance{
  color:#181a20;background:#f0b90b;border:1px solid #f0b90b;
  box-shadow:0 8px 24px rgba(240,185,11,.2);border-radius:12px;
}
.market-source-binance svg{fill:#181a20}
.market-source-binance b{color:#181a20;letter-spacing:.025em}
.market-source-binance:hover{color:#181a20;background:#fcd535;border-color:#fcd535;box-shadow:0 10px 26px rgba(240,185,11,.28)}

/* Keep technical labels mono; make long explanations comfortable to read */
.legal-notice p{font-family:Inter,system-ui,sans-serif;font-size:.84rem;line-height:1.7}
.market-access-note{font-family:Inter,system-ui,sans-serif;font-size:.77rem;line-height:1.7}
.market-access-note strong{font-family:var(--mono);font-size:.72rem;letter-spacing:.035em}
.disclaimer{font-family:Inter,system-ui,sans-serif;font-size:.78rem;line-height:1.7}

/* Clear modern text for the interface; Cormorant remains for display headings. */
body,button,input,select,textarea{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{font-size:16px;font-weight:400;line-height:1.6;overflow-x:clip}
button,input,select,textarea{font-size:inherit}
button,.button,.topbar nav a{font-weight:600}
.contract code,.mono,.address,.token-id{font-family:var(--mono)}

/* Keep every primary layout inside the available viewport. */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,section,header,footer,.hero,.hero-copy,.section-head,.topbar,
.qfs-market,.market-tape,.time-market-panel,.visitor-panel-grid,.visitor-prices{
  min-width:0;max-width:100%;
}
img,video,iframe,svg{max-width:100%}
.hero{width:min(100%,var(--max));grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
.hero-copy,.hero-art{min-width:0}
.hero h1,.hero h2,.lead{max-width:100%;overflow-wrap:anywhere}
.hero h1{font-size:clamp(3.3rem,8vw,8rem)}
.contract{width:100%;max-width:100%;min-width:0}
.contract code{display:block;flex:1 1 0;width:0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-buttons .button{min-width:0}
.legal-notice p,.market-access-note,.disclaimer{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65}
.legal-notice p{font-size:1rem}
.market-access-note strong{font-family:var(--mono)}

@media(max-width:1050px){
  .hero{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .topbar{gap:8px;padding-inline:12px}
  .brand{min-width:0;gap:7px;flex:0 1 auto}
  .brand img{width:40px;height:40px}
  .brand span{font-size:1.08rem}
  .topbar .actions{min-width:0;gap:5px;flex:0 0 auto}
  .hero{width:100%;padding:48px 18px 44px;grid-template-columns:minmax(0,1fr);gap:30px}
  .hero h1{font-size:clamp(2.9rem,13vw,4.2rem);line-height:.9;letter-spacing:-.045em;overflow-wrap:normal}
  .hero h2,.section h2{font-size:clamp(2rem,8vw,2.55rem);line-height:1.06}
  .lead{font-size:1.06rem;line-height:1.5}
  .hero-buttons .button{width:100%;padding-inline:14px}
  .contract{gap:8px;padding-inline:11px}
  .footer-brand{min-width:0;align-items:flex-start;gap:12px}
  .footer-brand img{width:58px;height:58px;flex:0 0 58px}
  .footer-brand b{font-size:1.55rem}
  .footer-brand p{font-size:1rem;overflow-wrap:anywhere}
}
@media(max-width:380px){
  .topbar{padding-inline:9px;gap:6px}
  .brand img{width:36px;height:36px}
  .brand span{font-size:1rem}
  .hero{padding-inline:15px}
}