:root{
  --bg:#05080d;--panel:#0a1018;--panel2:#0d141d;--text:#eee9df;--muted:#a7a093;
  --gold:#b79a59;--gold2:#d5c080;--line:rgba(183,154,89,.42);--shadow:0 18px 60px rgba(0,0,0,.38);
  --max:1400px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#122033 0,#070b11 35%,#030509 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.gold-frame{position:fixed;inset:12px;pointer-events:none;border:1px solid rgba(183,154,89,.32);z-index:20}
.site-header{max-width:var(--max);margin:auto;min-height:82px;padding:18px 34px;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:15;background:rgba(4,8,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(183,154,89,.15)}
.brand{width:120px;display:flex;flex-direction:column;align-items:center;line-height:.9;color:var(--gold2);font-family:Georgia,serif;letter-spacing:.05em}.brand span{font-size:34px}.brand small{font-size:14px;letter-spacing:.18em;margin-top:4px}.nav{display:flex;justify-content:center;gap:26px;flex:1}.nav a{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#c8c1b5;transition:.25s}.nav a:hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:0 22px;border-radius:3px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;cursor:pointer;transition:.25s;border:1px solid var(--line);font-family:inherit}.btn-gold{color:#0a0b0c;background:linear-gradient(135deg,#8d6c2d,#cdb36e 46%,#9c7b38);box-shadow:0 5px 22px rgba(183,154,89,.18)}.btn-gold:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-outline,.btn-ghost{background:rgba(8,12,18,.4);color:var(--gold2)}.btn-outline:hover,.btn-ghost:hover{background:rgba(183,154,89,.08)}
.menu-toggle{display:none;background:none;border:0;color:var(--gold2);font-size:24px}.hero{max-width:var(--max);min-height:650px;margin:auto;padding:72px 34px 50px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold2);text-transform:uppercase}.hero h1{font:500 clamp(70px,10vw,150px)/.85 Georgia,serif;margin:18px 0;color:#e2d2a7;letter-spacing:-.045em;text-shadow:0 3px 22px rgba(183,154,89,.16)}.hero h1 em{font-style:normal;color:#887345}.lead{max-width:650px;color:#bbb6ad;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{height:530px;border:1px solid var(--line);background:linear-gradient(115deg,rgba(6,12,19,.18),rgba(6,12,19,.72)),url("assets/capital-trade.png") center/cover;box-shadow:var(--shadow);position:relative}.hero-art:after{content:"";position:absolute;inset:16px;border:1px solid rgba(213,192,128,.18)}
.section{max-width:var(--max);margin:auto;padding:100px 34px}.section-head{max-width:850px;margin-bottom:45px}.section h2{font:500 clamp(38px,5vw,68px)/1.02 Georgia,serif;color:#ded5c3;margin:10px 0 18px}.section-head p:not(.eyebrow){color:var(--muted);max-width:760px}
.about-grid,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid{grid-template-columns:repeat(3,1fr)}.glass-card{background:linear-gradient(145deg,rgba(16,23,32,.8),rgba(7,11,17,.8));border:1px solid rgba(183,154,89,.27);box-shadow:var(--shadow);padding:28px}.glass-card h3{font:500 25px Georgia,serif;color:#d6c28f;margin:10px 0}.glass-card p{color:var(--muted);font-size:14px}.number{color:var(--gold);font-size:12px;letter-spacing:.12em}
.division-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.division-card{min-height:155px;border:1px solid rgba(183,154,89,.25);padding:25px;background:linear-gradient(150deg,#0b1119,#06090d);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.division-card:hover{border-color:rgba(213,192,128,.7);transform:translateY(-3px)}.division-card b{font-size:11px;color:#7e6b45}.division-card strong{font:500 22px Georgia,serif;color:#d2bf8e}.division-card span{align-self:flex-end;color:var(--gold2)}
.dashboard{display:grid;grid-template-columns:2fr 1fr;gap:14px}.dashboard-main{min-height:460px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-bottom:1px solid rgba(183,154,89,.18);padding-bottom:24px}.metric-row small{display:block;color:#8f897e;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.metric-row strong{display:block;color:#d7c58f;margin-top:5px}.chart-wrap{height:280px;padding:30px 0 10px}.chart-wrap svg{width:100%;height:100%}.line{fill:none;stroke:url(#goldLine);stroke-width:3}.area{fill:url(#goldFill)}.legend{display:flex;justify-content:space-between;color:#77736c;font-size:10px;margin-bottom:22px}.allocation{display:flex;flex-direction:column}.donut{width:190px;height:190px;margin:20px auto;background:conic-gradient(#b79a59 0 34%,#7f693c 34% 55%,#5e4e2f 55% 74%,#383329 74% 100%);border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:38px;background:#0a1018;border-radius:50%;border:1px solid rgba(183,154,89,.2)}.allocation ul{list-style:none;padding:0;margin:0}.allocation li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0;font-size:12px;color:#aaa}.allocation li span{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:8px}.allocation li b{font-weight:400;color:#777}.allocation small{color:#777;font-size:10px;margin-top:16px}
.crypto-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-title{display:flex;align-items:center;gap:15px;margin-bottom:24px}.form-title span{font-size:11px;color:var(--gold);border:1px solid var(--line);padding:6px 9px}.form-title h3{font:500 27px Georgia,serif;margin:0;color:#d7c58f}label{display:block;color:#aaa397;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:17px 0}input,select{display:block;width:100%;margin-top:8px;background:#060a10;border:1px solid rgba(183,154,89,.25);color:#ddd6c7;padding:13px 14px;border-radius:2px;outline:none;font:inherit;text-transform:none;letter-spacing:0}input:focus,select:focus{border-color:rgba(213,192,128,.75)}.form-note{font-size:10px!important;color:#716d65!important}.status{margin-top:15px;border:1px solid rgba(183,154,89,.4);padding:12px;color:#d7c58f;font-size:12px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.process li>b{color:#d3bd80;border:1px solid var(--line);width:31px;height:31px;display:grid;place-items:center;font-size:10px}.process strong{color:#d4c29a;font-size:13px}.process p{margin:2px 0 0;color:#777;font-size:11px}.text-link{display:inline-block;margin-top:25px;color:#cdb878;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.global{padding-top:50px}.global-panel{border:1px solid rgba(183,154,89,.35);padding:70px 60px;background:radial-gradient(circle at 80% 20%,rgba(183,154,89,.1),transparent 45%),linear-gradient(120deg,#090e15,#06090d)}.global-panel h2{max-width:800px}.global-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.global-pills span{border:1px solid rgba(183,154,89,.22);padding:9px 13px;color:#9f9789;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.client-area{padding-top:20px}.client-card{text-align:center;max-width:900px;margin:auto}.client-card p{color:var(--muted)}
.footer{max-width:var(--max);margin:auto;padding:60px 34px 80px;border-top:1px solid rgba(183,154,89,.2);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.footer-brand{align-items:flex-start}.footer p{color:#777;font-size:11px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#aaa}.footer-links a:hover{color:var(--gold2)}.copyright{white-space:nowrap}
@media(max-width:950px){.nav{display:none}.menu-toggle{display:block;margin-left:auto}.site-header .btn{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:360px}.about-grid,.division-grid{grid-template-columns:repeat(2,1fr)}.dashboard,.crypto-layout{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.copyright{white-space:normal}}
@media(max-width:560px){.gold-frame{inset:5px}.site-header{padding:14px 20px}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:65px}.about-grid,.division-grid,.feature-grid{grid-template-columns:1fr}.global-panel{padding:40px 25px}.metric-row{grid-template-columns:1fr}.chart-wrap{height:220px}.footer{padding-left:20px;padding-right:20px}}


/* YNK & Co. — Official centered logo */
.site-header {
  position: relative;
}

.ynk-top-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ynk-top-logo img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 50%;
}

/* YNK Exchange — Live Portfolio */
.exchange-dashboard{
  margin-top:32px;
  display:grid;
  gap:18px;
}

.exchange-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.exchange-metric,
.exchange-panel{
  background:linear-gradient(180deg,#09182b,#071321);
  border:1px solid rgba(213,192,128,.22);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.exchange-metric{
  padding:20px;
}

.exchange-metric small{
  display:block;
  color:#8290a5;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin-bottom:10px;
}

.exchange-metric strong{
  display:block;
  color:#f3f5f7;
  font-size:clamp(20px,2.2vw,31px);
  font-weight:600;
}

.exchange-panel{
  padding:22px;
}

.exchange-panel h3{
  margin:0 0 20px;
  color:#f5f2e8;
  font-size:20px;
}

.exchange-table-wrap{
  overflow-x:auto;
}

.exchange-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.exchange-table th{
  color:#7f8da1;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align:right;
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.exchange-table th:first-child{
  text-align:left;
}

.exchange-table td{
  padding:15px 12px;
  text-align:right;
  color:#dfe5ed;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.exchange-table td:first-child{
  text-align:left;
  font-weight:700;
  color:#d5c080;
}

#portfolio-status{
  margin:0;
  padding:12px 4px;
  color:#8f9bae;
  font-size:12px;
}

@media(max-width:900px){
  .exchange-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .exchange-metrics{
    grid-template-columns:1fr;
  }

  .exchange-panel{
    padding:16px;
  }
}


/* Exchange chart */
#portfolio-chart{
  display:grid;
  gap:18px;
}

.portfolio-bar-item{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.portfolio-bar-item:last-child{
  border-bottom:0;
}

.portfolio-bar-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-bottom:9px;
}

.portfolio-bar-head strong{
  color:#f5f2e8;
  font-size:14px;
  letter-spacing:.04em;
}

.portfolio-bar-head span{
  color:#d5c080;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}

.portfolio-bar-track{
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#101f31;
  border:1px solid rgba(255,255,255,.04);
}

.portfolio-bar-fill{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #8f6d2a,
    #d5c080
  );
  box-shadow:0 0 12px rgba(213,192,128,.18);
}

.portfolio-bar-item small{
  display:block;
  margin-top:7px;
  color:#748399;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}

.exchange-table tbody tr{
  transition:background .18s ease;
}

.exchange-table tbody tr:hover{
  background:rgba(213,192,128,.045);
}

.exchange-table td{
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

#portfolio-connection{
  color:#7fd5a0;
}

#portfolio-total{
  color:#d5c080;
}

@media(max-width:600px){
  .portfolio-bar-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* YNK Premium Ecosystem */
.ynk-premium-ecosystem{
  display:grid;
  gap:28px;
}

.premium-feature{
  position:relative;
  overflow:hidden;
  padding:38px;
  min-height:220px;
  border-radius:20px;
  border:1px solid rgba(213,192,128,.20);
  background:
    radial-gradient(circle at top right, rgba(213,192,128,.09), transparent 34%),
    linear-gradient(135deg,#081523,#0b1c30 55%,#07111d);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.premium-feature::after{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(213,192,128,.08);
}

.premium-feature .eyebrow{
  margin-bottom:14px;
  color:#bda66d;
}

.premium-feature h2{
  margin:0 0 14px;
  color:#f4efe2;
  font-size:clamp(30px,4vw,52px);
  font-weight:500;
  letter-spacing:-.02em;
}

.premium-feature p{
  max-width:720px;
  color:#98a6b8;
  font-size:15px;
  line-height:1.8;
}

.premium-feature .btn{
  margin-top:12px;
}

@media(min-width:900px){
  .ynk-premium-ecosystem{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .premium-feature:first-child{
    grid-column:1 / -1;
    min-height:300px;
  }

  .premium-feature:last-child{
    grid-column:1 / -1;
  }
}

@media(max-width:600px){
  .premium-feature{
    padding:24px;
    min-height:auto;
  }
}


/* YNK Premium Ecosystem */
.ynk-premium-ecosystem{
  display:grid;
  gap:28px;
}

.premium-feature{
  position:relative;
  overflow:hidden;
  padding:38px;
  min-height:220px;
  border-radius:20px;
  border:1px solid rgba(213,192,128,.20);
  background:
    radial-gradient(circle at top right, rgba(213,192,128,.09), transparent 34%),
    linear-gradient(135deg,#081523,#0b1c30 55%,#07111d);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.premium-feature::after{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(213,192,128,.08);
}

.premium-feature .eyebrow{
  margin-bottom:14px;
  color:#bda66d;
}

.premium-feature h2{
  margin:0 0 14px;
  color:#f4efe2;
  font-size:clamp(30px,4vw,52px);
  font-weight:500;
  letter-spacing:-.02em;
}

.premium-feature p{
  max-width:720px;
  color:#98a6b8;
  font-size:15px;
  line-height:1.8;
}

.premium-feature .btn{
  margin-top:12px;
}

@media(min-width:900px){
  .ynk-premium-ecosystem{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .premium-feature:first-child{
    grid-column:1 / -1;
    min-height:300px;
  }

  .premium-feature:last-child{
    grid-column:1 / -1;
  }
}

@media(max-width:600px){
  .premium-feature{
    padding:24px;
    min-height:auto;
  }
}


.ccc-section{
  margin-top:10px;
}

.ccc-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  align-items:stretch;
}

.ccc-hero-card,
.ccc-stats-card{
  padding:28px;
}

.ccc-hero-card{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:24px;
  align-items:center;
}

.ccc-coin-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  border-radius:22px;
  background:radial-gradient(circle at top, rgba(213,192,128,.16), rgba(255,255,255,.02));
  border:1px solid rgba(213,192,128,.18);
}

.ccc-coin-image{
  width:100%;
  max-width:220px;
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));
}

.ccc-hero-copy h3{
  margin:8px 0 12px;
  color:#f5f2e8;
  font-size:clamp(24px,2.5vw,36px);
}

.ccc-hero-copy p{
  color:#c8d0da;
  line-height:1.7;
}

.ccc-chain-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:16px 0 10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(213,192,128,.22);
  background:rgba(255,255,255,.03);
  color:#e8edf2;
}

.eth-mark{
  font-size:18px;
  color:#d5c080;
}

.ccc-hero-copy small{
  display:block;
  margin-top:14px;
  color:#8f9bae;
  line-height:1.6;
}

.ccc-topline{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ccc-topline small{
  display:block;
  color:#8f9bae;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}

.ccc-topline strong{
  color:#d5c080;
  font-size:clamp(28px,3vw,42px);
  font-weight:600;
}

.ccc-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:22px;
}

.ccc-metric-box{
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}

.ccc-metric-box span{
  display:block;
  margin-bottom:8px;
  color:#8f9bae;
  font-size:12px;
}

.ccc-metric-box strong{
  display:block;
  color:#f3f5f7;
  font-size:20px;
  line-height:1.35;
}

.ccc-bars{
  display:grid;
  gap:16px;
}

.ccc-bar-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:#dfe5ed;
  font-size:13px;
}

.ccc-bar-track{
  width:100%;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.07);
}

.ccc-bar-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#9b7a35,#d7bd79,#8f6d2a);
}

.ccc-bar-fill.secondary{
  background:linear-gradient(90deg,#4a5871,#8aa0bd);
}

.ccc-note{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#8f9bae;
  font-size:12px;
}

@media(max-width:980px){
  .ccc-grid,
  .ccc-hero-card{
    grid-template-columns:1fr;
  }

  .ccc-coin-image{
    max-width:180px;
  }
}

@media(max-width:600px){
  .ccc-hero-card,
  .ccc-stats-card{
    padding:20px;
  }

  .ccc-metrics{
    grid-template-columns:1fr;
  }

  .ccc-topline{
    align-items:flex-start;
    flex-direction:column;
  }
}

.market-chart-panel{
  padding:22px;
}

.market-chart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.market-chart-header small{
  color:#8f9bae;
  font-size:11px;
  letter-spacing:.16em;
}

.market-chart-header h3{
  margin:5px 0 0;
}

.market-chart-header > span{
  border:1px solid rgba(213,192,128,.28);
  border-radius:999px;
  padding:7px 11px;
  color:#d5c080;
  font-size:12px;
}

#market-candlestick-chart{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:#06111e;
  color:#8f9bae;
}

/* YNK Exchange — Premium Dashboard Override */

.investment-section{
  position:relative;
  overflow:hidden;
}

.investment-section::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  top:100px;
  right:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(213,192,128,.08),transparent 68%);
  pointer-events:none;
}

.exchange-dashboard{
  position:relative;
  margin-top:38px;
  display:grid;
  gap:24px;
}

.exchange-metrics{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}

.exchange-metric{
  position:relative;
  overflow:hidden;
  grid-column:span 2;
  min-height:132px;
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(213,192,128,.16);
  background:
    radial-gradient(circle at top right,rgba(213,192,128,.08),transparent 42%),
    linear-gradient(145deg,#0a1a2d,#06111f);
  box-shadow:
    0 22px 55px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.exchange-metric:first-child{
  grid-column:span 4;
}

.exchange-metric::after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  border-radius:50%;
  right:-36px;
  bottom:-42px;
  border:1px solid rgba(213,192,128,.08);
}

.exchange-metric small{
  display:block;
  margin-bottom:14px;
  color:#74859a;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.exchange-metric strong{
  display:block;
  color:#f6f7f8;
  font-size:clamp(20px,2vw,32px);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.15;
}

.exchange-metric:first-child strong{
  color:#e1cf95;
  font-size:clamp(27px,3.2vw,44px);
}

.exchange-panel{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:20px;
  border:1px solid rgba(213,192,128,.14);
  background:
    radial-gradient(circle at 90% 0%,rgba(213,192,128,.055),transparent 28%),
    linear-gradient(160deg,#09192b,#06111e);
  box-shadow:0 26px 65px rgba(0,0,0,.27);
}

.exchange-panel h3{
  margin:0 0 24px;
  color:#f4f1e8;
  font-size:18px;
  font-weight:500;
  letter-spacing:.01em;
}

#portfolio-chart{
  gap:20px;
}

.portfolio-bar-item{
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.portfolio-bar-item:last-child{
  border-bottom:0;
}

.portfolio-bar-head strong{
  color:#f3f5f7;
  font-size:14px;
  letter-spacing:.04em;
}

.portfolio-bar-head span{
  color:#9ba8b8;
  font-size:12px;
}

.portfolio-bar-track{
  height:6px;
  margin:10px 0 7px;
  overflow:hidden;
  border-radius:999px;
  background:#0d2034;
}

.portfolio-bar-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#9a7a36,#e0ca86);
  box-shadow:0 0 18px rgba(213,192,128,.15);
}

.market-chart-panel{
  padding:28px;
}

.market-chart-header{
  padding-bottom:18px;
  margin-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.market-chart-header small{
  color:#b79a59;
  font-weight:700;
  letter-spacing:.18em;
}

.market-chart-header h3{
  margin-top:7px;
  font-size:22px;
  color:#f5f3ed;
}

.market-chart-header > span{
  border:1px solid rgba(213,192,128,.24);
  background:rgba(213,192,128,.05);
  color:#d9c47f;
}

#market-candlestick-chart{
  min-height:390px;
  display:block;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.045);
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    #05101c;
  background-size:48px 48px;
}

.market-chart-meta{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-bottom:16px;
  color:#8d9bad;
  font-size:11px;
  letter-spacing:.04em;
}

.market-candle-svg{
  display:block;
  width:100%;
  height:330px;
}

.exchange-table-wrap{
  overflow-x:auto;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.045);
}

.exchange-table{
  min-width:760px;
  background:rgba(3,10,18,.28);
}

.exchange-table th{
  padding:15px 14px;
  color:#738397;
  background:rgba(255,255,255,.018);
  font-size:10px;
  letter-spacing:.14em;
}

.exchange-table td{
  padding:17px 14px;
  color:#d7dee8;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.exchange-table td:first-child{
  color:#dcc783;
  letter-spacing:.04em;
}

.exchange-table tbody tr{
  transition:background .2s ease;
}

.exchange-table tbody tr:hover{
  background:rgba(213,192,128,.035);
}

#portfolio-status{
  padding:4px 6px 0;
  color:#6f7f93;
  font-size:11px;
  letter-spacing:.035em;
}

@media(max-width:1100px){
  .exchange-metric{
    grid-column:span 4;
  }

  .exchange-metric:first-child{
    grid-column:span 8;
  }
}

@media(max-width:760px){
  .exchange-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .exchange-metric,
  .exchange-metric:first-child{
    grid-column:auto;
  }

  .exchange-metric:first-child{
    grid-column:1 / -1;
  }

  .exchange-panel,
  .market-chart-panel{
    padding:20px;
  }

  #market-candlestick-chart{
    min-height:320px;
    padding:12px;
  }

  .market-candle-svg{
    height:270px;
  }
}

@media(max-width:520px){
  .exchange-metrics{
    grid-template-columns:1fr;
  }

  .exchange-metric:first-child{
    grid-column:auto;
  }

  .exchange-metric{
    min-height:110px;
  }

  .market-chart-meta{
    gap:10px 14px;
  }
}

/* YNK Reference Dashboard Layout */

.reference-dashboard{
  display:grid;
  gap:22px;
}

.reference-metrics{
  display:grid;
  grid-template-columns:2fr repeat(5,minmax(0,1fr));
  gap:12px;
}

.reference-metrics .exchange-metric{
  min-height:112px;
  padding:18px;
  border-radius:14px;
  background:linear-gradient(180deg,#0a1727,#07111d);
  border:1px solid rgba(213,192,128,.14);
  box-shadow:none;
}

.reference-metrics .balance-card{
  background:
    radial-gradient(circle at top right,rgba(213,192,128,.10),transparent 38%),
    linear-gradient(160deg,#0c1a2c,#07121f);
}

.reference-metrics .exchange-metric small{
  color:#7d8a9a;
  font-size:10px;
  letter-spacing:.14em;
  margin-bottom:12px;
}

.reference-metrics .exchange-metric strong{
  font-size:22px;
  color:#f2f4f6;
}

.reference-metrics .balance-card strong{
  font-size:clamp(26px,3vw,40px);
  color:#d8bf78;
}

.status-card strong{
  color:#7bd4a0 !important;
}

.reference-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);
  gap:16px;
  align-items:stretch;
}

.reference-market,
.reference-allocation,
.reference-assets{
  border-radius:16px;
  background:linear-gradient(180deg,#081523,#06111c);
  border:1px solid rgba(213,192,128,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}

.reference-market{
  min-height:520px;
}

.reference-allocation{
  min-height:520px;
}

.reference-allocation #portfolio-chart{
  gap:14px;
}

.panel-kicker{
  color:#a88c4e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.reference-panel-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-bottom:20px;
}

.reference-panel-head h3{
  margin:0;
}

.live-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  height:26px;
  border-radius:999px;
  background:rgba(92,193,128,.08);
  border:1px solid rgba(92,193,128,.22);
  color:#7bd4a0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}

.reference-assets{
  padding:24px;
}

.reference-assets .exchange-table-wrap{
  border:0;
  border-radius:0;
}

.reference-assets .exchange-table{
  background:transparent;
}

.reference-assets .exchange-table th{
  background:transparent;
  color:#738093;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.reference-assets .exchange-table td{
  border-bottom:1px solid rgba(255,255,255,.045);
}

.reference-assets .exchange-table tbody tr:hover{
  background:rgba(213,192,128,.03);
}

.reference-dashboard .power-mind-feature,
.reference-dashboard .billionaires-club{
  min-height:190px;
  padding:28px;
}

.reference-dashboard .power-mind-feature{
  background:
    radial-gradient(circle at top right,rgba(213,192,128,.08),transparent 35%),
    linear-gradient(135deg,#081523,#0a1d31 60%,#07111d);
}

.reference-dashboard .billionaires-club{
  background:
    radial-gradient(circle at top right,rgba(213,192,128,.07),transparent 34%),
    linear-gradient(135deg,#081523,#0b1a2d 60%,#07111d);
}

@media(max-width:1100px){
  .reference-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .reference-metrics .balance-card{
    grid-column:span 2;
  }

  .reference-main-grid{
    grid-template-columns:1fr;
  }

  .reference-allocation{
    min-height:auto;
  }
}

@media(max-width:700px){
  .reference-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .reference-metrics .balance-card{
    grid-column:1 / -1;
  }

  .reference-market{
    min-height:auto;
  }

  .reference-market,
  .reference-allocation,
  .reference-assets{
    padding:18px;
  }
}

@media(max-width:500px){
  .reference-metrics{
    grid-template-columns:1fr;
  }

  .reference-metrics .balance-card{
    grid-column:auto;
  }

  .reference-main-grid{
    gap:12px;
  }

  .reference-dashboard{
    gap:16px;
  }
}

/* YNK Exchange — Advanced Candlestick Finish */

.reference-market{
  position:relative;
  overflow:hidden;
}

.reference-market::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 14%,rgba(213,192,128,.055),transparent 30%);
}

#market-candlestick-chart{
  position:relative;
  min-height:470px;
  padding:18px 18px 10px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.045);
  background:
    linear-gradient(180deg,rgba(8,20,34,.98),rgba(4,13,23,.98));
}

.market-chart-meta{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 22px;
  margin:0 0 8px;
  padding:0 4px;
  color:#718097;
  font-size:10px;
  letter-spacing:.08em;
}

.market-chart-meta span{
  display:inline-flex;
  gap:5px;
  align-items:center;
}

.market-chart-meta strong{
  color:#c8d0db;
  font-weight:500;
  font-variant-numeric:tabular-nums;
}

.market-chart-price{
  position:relative;
  z-index:2;
  margin:6px 0 2px 4px;
  color:#d6c17f;
  font-size:clamp(25px,3vw,38px);
  font-weight:500;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}

.market-candle-svg{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:390px;
  margin-top:2px;
}

.reference-market .market-chart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.reference-market .market-chart-header h3{
  margin:5px 0 0;
  color:#f2f4f6;
  font-size:20px;
  font-weight:500;
}

.reference-market .market-chart-header small{
  color:#9f874e;
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
}

.reference-market .market-chart-header > span{
  min-width:42px;
  padding:6px 10px;
  text-align:center;
  border-radius:6px;
  border:1px solid rgba(213,192,128,.18);
  background:rgba(213,192,128,.045);
  color:#cdb876;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

@media(max-width:700px){
  #market-candlestick-chart{
    min-height:390px;
    padding:14px 8px 8px;
  }

  .market-candle-svg{
    height:320px;
  }

  .market-chart-price{
    font-size:28px;
  }

  .market-chart-meta{
    gap:8px 12px;
    font-size:9px;
  }
}

@media(max-width:480px){
  #market-candlestick-chart{
    min-height:355px;
  }

  .market-candle-svg{
    height:285px;
  }

  .market-chart-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* YNK Exchange — Mobile Reference Layout */

@media(max-width:700px){

  .investment-section{
    padding-top:28px;
  }

  .investment-section .section-head{
    margin-bottom:22px;
  }

  .investment-section .section-head h2{
    font-size:42px;
    line-height:1.02;
  }

  .reference-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .reference-metrics .balance-card{
    grid-column:1 / -1;
  }

  .reference-metrics .exchange-metric{
    min-height:105px;
    padding:16px;
  }

  .reference-metrics .balance-card{
    min-height:120px;
  }

  .reference-main-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .reference-market{
    order:1;
  }

  .reference-allocation{
    order:2;
  }

  .reference-assets{
    order:3;
  }

  .reference-dashboard .power-mind-feature{
    order:4;
  }

  .reference-dashboard .billionaires-club{
    order:5;
  }

  #portfolio-status{
    order:6;
  }

  .reference-market,
  .reference-allocation,
  .reference-assets{
    border-radius:16px;
    padding:16px;
  }

  #market-candlestick-chart{
    min-height:360px;
    padding:12px 6px 6px;
  }

  .market-candle-svg{
    height:300px;
  }

  .market-chart-price{
    font-size:27px;
  }

  .reference-allocation{
    min-height:auto;
  }

  .reference-assets{
    overflow:hidden;
  }

  .exchange-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .exchange-table{
    min-width:720px;
  }
}

@media(max-width:480px){

  .investment-section .section-head h2{
    font-size:38px;
  }

  .reference-metrics{
    grid-template-columns:1fr 1fr;
  }

  .reference-metrics .balance-card{
    grid-column:1 / -1;
  }

  .reference-metrics .exchange-metric{
    min-height:98px;
  }

  .reference-metrics .exchange-metric strong{
    font-size:18px;
  }

  .reference-metrics .balance-card strong{
    font-size:30px;
  }

  .market-chart-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .reference-dashboard{
    gap:14px;
  }
}


/* YNK Slim Dashboard Actions */

.dashboard-actions{
  max-width:var(--max);
  margin:0 auto;
  padding:18px 34px 34px;
  display:flex;
  gap:10px;
  align-items:center;
}

.dashboard-action{
  min-height:42px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(213,192,128,.22);
  background:rgba(7,17,28,.72);
  color:#d6c17f;
  text-decoration:none;
  font-size:12px;
  letter-spacing:.05em;
  transition:.2s ease;
}

.dashboard-action-primary{
  background:linear-gradient(
    135deg,
    rgba(183,154,89,.20),
    rgba(183,154,89,.07)
  );
  border-color:rgba(213,192,128,.42);
}

.dashboard-action:hover{
  border-color:rgba(213,192,128,.65);
  transform:translateY(-1px);
}

.dashboard-action span{
  font-size:16px;
}

@media(max-width:700px){
  .dashboard-actions{
    padding:12px 18px 26px;
    gap:8px;
  }

  .dashboard-action{
    flex:1;
    min-height:40px;
    padding:0 10px;
    font-size:10px;
  }
}

/* YNK Dashboard — Compact Content Spacing */

.reference-dashboard .ccc-section{
  width:100%;
  max-width:none;
  margin:0;
  padding:18px 0 0;
}

.reference-dashboard .ccc-section .section-head{
  margin:0 0 16px;
}

.reference-dashboard .ccc-grid{
  gap:14px;
}

.reference-dashboard .power-mind-feature,
.reference-dashboard .billionaires-club{
  margin:0;
  min-height:160px;
  padding:24px;
}

.reference-dashboard{
  row-gap:16px;
}

.dashboard-actions{
  padding-top:8px;
  padding-bottom:22px;
}

@media(max-width:700px){
  .reference-dashboard .ccc-section{
    padding:10px 0 0;
  }

  .reference-dashboard .ccc-grid{
    gap:12px;
  }

  .reference-dashboard .power-mind-feature,
  .reference-dashboard .billionaires-club{
    min-height:auto;
    padding:20px;
  }

  .reference-dashboard{
    row-gap:12px;
  }

  .dashboard-actions{
    padding-top:6px;
    padding-bottom:18px;
  }
}

/* ===== YNK FEATURE LINK ===== */

.ynk-feature-link{
  max-width:1180px;
  margin:14px auto 18px;
  padding:10px 4px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  font-size:11px;
  letter-spacing:.08em;
}

.ynk-feature-link > span{
  color:var(--muted);
}

.ynk-feature-link a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--gold2);
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  transition:.25s ease;
}

.ynk-feature-link a:hover{
  opacity:.78;
  transform:translateX(2px);
}

@media(max-width:700px){
  .ynk-feature-link{
    margin:10px 20px 14px;
    padding:8px 0;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 12px;
  }
}

/* ===== FINAL SECTIONS SPACING ===== */

#global.section{
  padding-top:55px;
  padding-bottom:55px;
}

#technology.section{
  padding-top:55px;
  padding-bottom:55px;
}

#client-area.section{
  padding-top:55px;
  padding-bottom:55px;
}

#technology .section-head{
  margin-bottom:28px;
}

@media(max-width:560px){
  #global.section,
  #technology.section,
  #client-area.section{
    padding-top:38px;
    padding-bottom:38px;
  }
}