/* FFAinvestments v5 — cache/style fix */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#040404;--card:rgba(16,16,16,.78);--card2:#121212;--yellow:#ffd000;--gold:#f5b301;--text:#fff;--muted:#b9ae72;--line:rgba(255,255,255,.1);--ok:#54ff9f;--danger:#ff6262;--shadow:0 24px 80px rgba(0,0,0,.45)}
body{margin:0;background:radial-gradient(circle at 80% 0,#3b3000 0,#080808 35%,#000 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 70% 10%,#000 0,transparent 70%);pointer-events:none}
a{color:inherit;text-decoration:none}input,select,button{font:inherit}label{display:block;color:var(--muted);font-size:13px;margin:12px 0 7px}
input,select{width:100%;background:#080808;color:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;outline:none}input:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,208,0,.08)}
.btn{background:linear-gradient(135deg,var(--yellow),var(--gold));color:#050505;border:0;border-radius:14px;padding:14px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 12px 30px rgba(255,208,0,.16)}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:rgba(255,208,0,.06);border:1px solid rgba(255,208,0,.45);color:var(--yellow);box-shadow:none}.btn.small{padding:10px 14px;font-size:14px}.btn.full{width:100%;margin-top:18px}
#preloader{position:fixed;inset:0;background:#000;z-index:9999;display:grid;place-items:center;transition:.45s}.loaded #preloader{opacity:0;visibility:hidden}.coin-loader{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--yellow),#9d7600);color:#000;font-size:34px;font-weight:900;animation:spin 1.1s infinite ease-in-out}@keyframes spin{50%{transform:rotateY(180deg) scale(1.08)}100%{transform:rotateY(360deg)}}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}.logo span{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--yellow),var(--gold));color:#000;display:grid;place-items:center}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 6vw;background:rgba(0,0,0,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-nav{display:flex;gap:22px;color:var(--muted)}.site-nav a:hover{color:var(--yellow)}
.hero{padding:88px 6vw 60px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;max-width:1240px;margin:auto}.eyebrow{color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:.95;margin:16px 0}.hero p{font-size:18px;color:#d7d0aa;line-height:1.7;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.hero-stats{display:flex;gap:16px;flex-wrap:wrap}.hero-stats div,.glass,.market-card,.feature,.plan-card,.calc-card,.reviews div,details,.panel,.stat,.pay-modal{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:26px;box-shadow:var(--shadow)}.hero-stats div{padding:16px 22px}.hero-stats b{display:block;font-size:26px}.hero-stats span{color:var(--muted);font-size:13px}
.market-card{height:430px;position:relative;overflow:hidden;padding:28px}.chart-bg{position:absolute;inset:40px 30px 90px;display:flex;align-items:end;gap:24px;opacity:.9}.candle{width:22px;border-radius:8px;background:linear-gradient(var(--yellow),#6f5300);animation:float 3s infinite ease-in-out}.c1{height:90px}.c2{height:170px;animation-delay:.2s}.c3{height:130px;animation-delay:.4s}.c4{height:230px;animation-delay:.6s}.c5{height:190px;animation-delay:.8s}.c6{height:270px;animation-delay:1s}@keyframes float{50%{transform:translateY(-18px)}}.market-top,.panel-title,.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.market-top b{color:var(--ok)}.market-value{position:absolute;bottom:70px;left:28px;font-size:38px;font-weight:900}.sparkline{position:absolute;right:-20px;bottom:35px;width:70%;height:90px;border-top:4px solid var(--yellow);border-radius:50%;transform:rotate(-8deg)}
.section{padding:58px 6vw;max-width:1240px;margin:auto}.section-head{margin-bottom:26px}.section-head span{color:var(--yellow);font-weight:900}.section-head h2,.calc-card h2{font-size:clamp(30px,4vw,52px);margin:8px 0}.features,.plans,.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.plan-card,.reviews div{padding:24px}.feature b{color:var(--yellow)}.rate{font-size:46px;font-weight:900;color:var(--yellow);margin:14px 0}.calc-card{display:grid;grid-template-columns:1fr 420px;gap:28px;padding:28px}.calc-result{padding:16px;border-radius:16px;background:#090909;border:1px solid var(--line);font-weight:900;margin-top:10px}details{padding:20px;margin:12px 0}summary{cursor:pointer;font-weight:800}.footer{padding:34px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}
.reveal{opacity:0;transform:translateY(28px);transition:.7s}.reveal.show{opacity:1;transform:none}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:26px}.auth-card{width:min(460px,100%);padding:30px}.auth-card h1{font-size:34px}.alert{background:rgba(255,208,0,.12);border:1px solid rgba(255,208,0,.45);color:#fff;padding:14px 16px;border-radius:16px;margin:16px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar nav{display:grid;gap:8px;margin:34px 0}.sidebar nav a,.logout{padding:14px;border-radius:16px;color:#d9d0a2;background:rgba(255,255,255,.03);border:1px solid transparent}.sidebar nav a:hover,.logout:hover{border-color:rgba(255,208,0,.45);color:var(--yellow)}.logout{margin-top:auto}.content{padding:32px;max-width:1380px;width:100%}.dash-header{margin-bottom:22px}.dash-header h1{font-size:38px;margin:6px 0}.pill{padding:10px 14px;border-radius:999px;font-weight:900}.pill.ok{color:var(--ok);background:rgba(84,255,159,.1);border:1px solid rgba(84,255,159,.35)}.pill.warn{color:var(--yellow);background:rgba(255,208,0,.1);border:1px solid rgba(255,208,0,.35)}
.stat-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px}.stat{padding:22px}.stat span{color:var(--muted);font-size:13px}.stat b{display:block;font-size:26px;margin:10px 0}.stat.xl b{font-size:40px}.stat small,.muted{color:var(--muted)}
.panel,.pay-modal{padding:24px;margin:18px 0}.progress{height:16px;border-radius:999px;background:#090909;border:1px solid var(--line);overflow:hidden}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--yellow),#fff0a0)}.timeline{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-top:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.copy-row{display:grid;grid-template-columns:1fr auto;gap:10px}.danger-text{color:#ffd7d7;background:rgba(255,98,98,.08);border:1px solid rgba(255,98,98,.25);padding:12px;border-radius:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--yellow);font-size:13px;background:rgba(255,255,255,.03)}.badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;display:inline-block}.badge.new{background:rgba(255,208,0,.12);color:var(--yellow)}.badge.approved{background:rgba(84,255,159,.1);color:var(--ok)}.badge.rejected{background:rgba(255,98,98,.1);color:var(--danger)}.note,.ref-box,.security-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin:10px 0}.mini{max-width:130px;padding:9px}.mini-btn{padding:9px 12px;border-radius:10px}.inline{display:flex;gap:8px;flex-wrap:wrap}.addr{max-width:260px;word-break:break-all;color:#d7d7d7}.check{display:block;margin:4px 0}
@media(max-width:1100px){.hero-grid,.calc-card,.two-col{grid-template-columns:1fr}.features,.plans,.reviews{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat.xl{grid-column:span 2}.site-nav{display:none}}
@media(max-width:760px){.site-header{padding:14px 18px}.hero{padding:50px 18px}.section{padding:40px 18px}.footer{display:block}.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:18px}.dash-header,.panel-title{display:block}.stat-grid{grid-template-columns:1fr}.stat.xl{grid-column:auto}.copy-row,.split{grid-template-columns:1fr}.market-card{height:320px}.hero h1{font-size:42px}}

/* v5 forced layout repair */
body {
  font-family: Arial, Helvetica, sans-serif !important;
  color: #fff !important;
  background: radial-gradient(circle at 80% 0,#3b3000 0,#080808 35%,#000 100%) !important;
}

.site-header,
.hero-grid,
.features,
.plans,
.reviews,
.calc-card,
.app,
.stat-grid,
.two-col,
.split,
.copy-row {
  width: 100%;
}

.site-header {
  min-height: 76px;
}

.site-header .logo,
.sidebar .logo,
.footer .logo {
  color: #fff !important;
}

.site-header .logo span,
.sidebar .logo span,
.footer .logo span,
.auth-card .logo span {
  flex: 0 0 38px;
}

.hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
}

.features,
.plans,
.reviews {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.stat-grid {
  display: grid !important;
  grid-template-columns: 2fr repeat(4, 1fr) !important;
}

.two-col {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
}

.app {
  display: grid !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
}

.content {
  min-width: 0;
}

.panel,
.stat,
.feature,
.plan-card,
.market-card,
.calc-card,
.reviews div,
details,
.pay-modal,
.auth-card {
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(16,16,16,.82) !important;
  border-radius: 26px !important;
}

.hero h1,
.section-head h2,
.calc-card h2,
.dash-header h1 {
  color: #fff !important;
}

h1, h2, h3, b {
  color: #fff;
}

a {
  color: inherit;
}

.site-nav a,
.sidebar nav a {
  color: #d9d0a2 !important;
}

.btn {
  text-decoration: none !important;
}

@media(max-width:1100px){
  .hero-grid,
  .calc-card,
  .two-col {
    grid-template-columns: 1fr !important;
  }
  .features,
  .plans,
  .reviews {
    grid-template-columns: 1fr !important;
  }
  .stat-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .stat.xl {
    grid-column: span 2 !important;
  }
}

@media(max-width:760px){
  .site-header {
    display: flex !important;
    padding: 14px 18px !important;
  }
  .app {
    grid-template-columns: 1fr !important;
  }
  .stat-grid {
    grid-template-columns: 1fr !important;
  }
  .stat.xl {
    grid-column: auto !important;
  }
  .copy-row,
  .split {
    grid-template-columns: 1fr !important;
  }
}


/* V6 — premium auth + cabinet polish */
.auth-body,
.cabinet-body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 15%, rgba(255,208,0,.18), transparent 30%),
    radial-gradient(circle at 85% 10%, rgba(255,208,0,.12), transparent 28%),
    linear-gradient(135deg, #030303 0%, #0a0a0a 45%, #000 100%) !important;
}

.auth-back {
  position: fixed;
  top: 22px;
  left: 24px;
  z-index: 30;
  padding: 11px 15px;
  border-radius: 999px;
  color: #ffd000 !important;
  background: rgba(255,208,0,.08);
  border: 1px solid rgba(255,208,0,.25);
  backdrop-filter: blur(14px);
}

.auth-premium {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .75fr);
  gap: 34px;
  align-items: center;
  padding: 72px 6vw;
  max-width: 1360px;
  margin: 0 auto;
}

.auth-visual {
  position: relative;
  padding: 34px;
}

.auth-logo {
  margin-bottom: 30px;
}

.auth-visual h1 {
  max-width: 760px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: .94;
  letter-spacing: -0.06em;
  color: #fff !important;
}

.auth-visual p {
  max-width: 650px;
  margin-top: 20px;
  color: #d9d0a2;
  font-size: 18px;
  line-height: 1.7;
}

.auth-mock {
  position: relative;
  overflow: hidden;
  width: min(620px, 100%);
  height: 230px;
  margin-top: 32px;
  padding: 24px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(10,10,10,.78);
  border: 1px solid rgba(255,208,0,.2);
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
}

.mock-top {
  display: flex;
  justify-content: space-between;
  color: #b9ae72;
}

.mock-top b {
  color: #54ff9f !important;
}

.mock-balance {
  margin-top: 22px;
  font-size: 46px;
  font-weight: 900;
  color: #fff;
}

.mock-bars {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: end;
  gap: 12px;
  height: 110px;
}

.mock-bars i {
  width: 18px;
  border-radius: 9px;
  background: linear-gradient(#ffd000, #7c5b00);
  animation: float 3s infinite ease-in-out;
}

.mock-bars i:nth-child(1){height:55px}
.mock-bars i:nth-child(2){height:90px;animation-delay:.15s}
.mock-bars i:nth-child(3){height:70px;animation-delay:.3s}
.mock-bars i:nth-child(4){height:115px;animation-delay:.45s}
.mock-bars i:nth-child(5){height:85px;animation-delay:.6s}
.mock-bars i:nth-child(6){height:130px;animation-delay:.75s}

.auth-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
  max-width: 620px;
}

.auth-points div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
}

.auth-points b {
  display: block;
  color: #ffd000;
  font-size: 24px;
}

.auth-points span {
  color: #b9ae72;
  font-size: 13px;
}

.auth-panel {
  padding: 28px;
  border-radius: 34px !important;
  min-height: 560px;
  align-self: center;
}

.auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 22px;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.tab-btn {
  margin: 0;
  padding: 13px;
  border-radius: 14px;
  border: 0;
  background: transparent;
  color: #b9ae72;
  font-weight: 900;
  cursor: pointer;
}

.tab-btn.active {
  color: #050505;
  background: linear-gradient(135deg, #ffd000, #f5b301);
}

.auth-form {
  display: none;
}

.auth-form.active {
  display: block;
  animation: fadeUp .35s ease both;
}

.auth-form h2 {
  font-size: 32px;
  color: #fff !important;
}

.auth-note {
  margin-top: 10px;
  color: #b9ae72;
  font-size: 13px;
  line-height: 1.5;
}

.full {
  width: 100%;
}

@keyframes fadeUp {
  from {opacity: 0; transform: translateY(14px)}
  to {opacity: 1; transform: none}
}

/* Cabinet premium */
.premium-app {
  background:
    radial-gradient(circle at 78% 0, rgba(255,208,0,.14), transparent 34%),
    linear-gradient(135deg, #050505, #000) !important;
}

.premium-sidebar {
  background: rgba(2,2,2,.82) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.08);
}

.user-mini {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px;
  margin: 26px 0 10px;
  border-radius: 20px;
  background: rgba(255,208,0,.07);
  border: 1px solid rgba(255,208,0,.16);
}

.avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: #000;
  font-weight: 900;
  background: linear-gradient(135deg,#ffd000,#f5b301);
  text-transform: uppercase;
}

.user-mini b {
  display: block;
  color: #fff;
}

.user-mini small {
  color: #b9ae72;
}

.premium-content {
  padding: 34px;
}

.dash-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  margin-bottom: 22px;
  padding: 28px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.14), rgba(255,255,255,.035)),
    rgba(16,16,16,.8);
  border: 1px solid rgba(255,208,0,.18);
  box-shadow: 0 25px 80px rgba(0,0,0,.42);
}

.dash-hero:after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -110px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,208,0,.25), transparent 60%);
  pointer-events: none;
}

.dash-hero h1 {
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1;
  color: #fff !important;
  margin: 8px 0;
}

.dash-actions {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.premium-stats .stat {
  position: relative;
  overflow: hidden;
}

.premium-stats .stat:after {
  content: "";
  position: absolute;
  right: -45px;
  top: -45px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,208,0,.09);
}

.balance-card {
  background:
    linear-gradient(135deg, rgba(255,208,0,.18), rgba(255,255,255,.035)),
    rgba(16,16,16,.82) !important;
  border-color: rgba(255,208,0,.22) !important;
}

.balance-card b {
  color: #ffd000 !important;
}

.premium-panel {
  background: rgba(16,16,16,.82) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.35) !important;
}

.form-card-head {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.form-icon,
.pay-icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #000;
  font-size: 24px;
  font-weight: 900;
  background: linear-gradient(135deg,#ffd000,#f5b301);
}

.premium-pay {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  border-color: rgba(255,208,0,.35) !important;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(16,16,16,.88)) !important;
}

.premium-note {
  transition: .2s ease;
}

.premium-note:hover {
  transform: translateY(-2px);
  border-color: rgba(255,208,0,.25);
}

.premium-ref {
  border-color: rgba(255,208,0,.18);
}

.security-card {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

@media(max-width:1100px){
  .auth-premium {
    grid-template-columns: 1fr;
    padding: 80px 24px 34px;
  }

  .auth-visual {
    padding: 0;
  }

  .auth-panel {
    min-height: auto;
  }

  .dash-hero {
    display: block;
  }

  .dash-actions {
    margin-top: 18px;
  }
}

@media(max-width:760px){
  .auth-back {
    position: static;
    display: inline-flex;
    margin: 14px 18px 0;
  }

  .auth-premium {
    padding: 22px 18px 34px;
  }

  .auth-visual h1 {
    font-size: 38px;
  }

  .auth-mock {
    height: 190px;
  }

  .mock-balance {
    font-size: 32px;
  }

  .auth-points {
    grid-template-columns: 1fr;
  }

  .auth-panel {
    padding: 20px;
    border-radius: 26px !important;
  }

  .premium-content {
    padding: 18px;
  }

  .dash-hero {
    padding: 22px;
    border-radius: 26px;
  }

  .dash-actions .btn {
    width: 100%;
  }

  .premium-pay {
    display: block;
  }

  .pay-icon {
    margin-bottom: 12px;
  }
}


/* V7 — inner cabinet pages */
.sidebar nav a.active {
  border-color: rgba(255,208,0,.55) !important;
  color: #ffd000 !important;
  background: rgba(255,208,0,.10) !important;
}

.inner-hero {
  min-height: 180px;
}

.page-form {
  max-width: 980px;
}

.wide-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  align-items: end;
}

.wide-form .wide-field {
  grid-column: span 3;
}

.address-list {
  display: grid;
  gap: 12px;
}

.address-list div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.address-list span {
  display: block;
  color: #ffd000;
  font-weight: 900;
  margin-bottom: 8px;
}

.address-list b {
  word-break: break-all;
  font-size: 14px;
  color: #fff;
}

.mini-stats {
  grid-template-columns: 2fr 1fr !important;
}

.filter-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.verify-card {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.1);
  margin-bottom: 14px;
}

.verify-card.ok {
  background: rgba(84,255,159,.08);
  border-color: rgba(84,255,159,.25);
}

.verify-card.wait {
  background: rgba(255,208,0,.08);
  border-color: rgba(255,208,0,.25);
}

.mini-features {
  margin-top: 12px;
}

.ref-large {
  padding: 28px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,208,0,.18), rgba(255,255,255,.04));
  border: 1px solid rgba(255,208,0,.24);
  color: #ffd000;
  font-size: 34px;
  font-weight: 900;
  letter-spacing: .08em;
  margin: 16px 0;
}

.right-action {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.notifications-list {
  display: grid;
  gap: 12px;
}

.note.unread {
  border-color: rgba(255,208,0,.3);
  background: rgba(255,208,0,.07);
}

.note.read {
  opacity: .72;
}

.cabinet-plans .plan-card.selected {
  border-color: rgba(255,208,0,.5) !important;
  background: linear-gradient(135deg, rgba(255,208,0,.14), rgba(16,16,16,.82)) !important;
}

.current-plan {
  margin-top: 18px;
  padding: 13px;
  border-radius: 14px;
  background: rgba(84,255,159,.1);
  color: #54ff9f;
  font-weight: 900;
  text-align: center;
}

.calc-inline {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  align-items: center;
  margin: 16px 0;
}

textarea {
  width: 100%;
  min-height: 150px;
  resize: vertical;
  background: #080808;
  color: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  outline: none;
  font: inherit;
}

textarea:focus {
  border-color: #ffd000;
  box-shadow: 0 0 0 4px rgba(255,208,0,.08);
}

@media(max-width:900px) {
  .wide-form,
  .calc-inline {
    grid-template-columns: 1fr;
  }
  .wide-form .wide-field {
    grid-column: auto;
  }
  .mini-stats {
    grid-template-columns: 1fr !important;
  }
}


/* V8 — premium deposit page */
.deposit-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.deposit-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  color: #fff !important;
  margin: 8px 0;
}

.deposit-min-card {
  min-width: 230px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.deposit-min-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.deposit-min-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 30px;
  margin: 8px 0;
}

.deposit-min-card small {
  color: #b9ae72;
}

.deposit-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin: 18px 0;
}

.step-card {
  padding: 20px;
  border-radius: 24px;
  background: rgba(16,16,16,.76);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 20px 60px rgba(0,0,0,.28);
}

.step-card span {
  color: #ffd000;
  font-weight: 900;
  letter-spacing: .12em;
}

.step-card h3 {
  margin: 10px 0 8px;
  color: #fff !important;
}

.step-card p {
  color: #b9ae72;
  line-height: 1.55;
}

.deposit-grid {
  align-items: start;
}

.deposit-form-card,
.deposit-info-card {
  min-height: 100%;
}

.asset-picker,
.network-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.asset-option,
.network-option {
  cursor: pointer;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
  transition: .2s ease;
  margin: 0;
}

.asset-option input,
.network-option input {
  display: none;
}

.asset-option b,
.network-option b {
  display: block;
  color: #fff;
  font-size: 18px;
}

.asset-option span,
.network-option span {
  display: block;
  color: #b9ae72;
  font-size: 12px;
  margin-top: 4px;
}

.asset-option.active,
.network-option.active {
  border-color: rgba(255,208,0,.55);
  background: rgba(255,208,0,.11);
  box-shadow: 0 14px 32px rgba(255,208,0,.08);
}

.asset-option.active b,
.network-option.active b {
  color: #ffd000 !important;
}

.amount-row {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 8px;
}

.amount-row .btn {
  padding: 12px 13px;
}

.deposit-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 16px 0;
}

.deposit-preview div,
.payment-summary div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.deposit-preview span,
.payment-summary span {
  display: block;
  color: #b9ae72;
  font-size: 12px;
  margin-bottom: 6px;
}

.deposit-preview b,
.payment-summary b {
  color: #fff !important;
}

.rules-list {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.rules-list div {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.rules-list b {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #000 !important;
  background: linear-gradient(135deg,#ffd000,#f5b301);
}

.rules-list p {
  margin: 0;
  color: #d9d0a2;
  line-height: 1.45;
}

.deposit-payment-result {
  animation: fadeUp .35s ease both;
}

.payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 16px 0;
}

@media(max-width:1000px){
  .deposit-hero {
    display: block;
  }
  .deposit-min-card {
    margin-top: 18px;
  }
  .deposit-flow,
  .asset-picker,
  .network-picker,
  .deposit-preview,
  .payment-summary {
    grid-template-columns: 1fr;
  }
  .amount-row {
    grid-template-columns: 1fr;
  }
}

@media(max-width:760px){
  .deposit-hero {
    padding: 22px;
  }
}


/* V8.3 — premium withdraw page */
.withdraw-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.14), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.withdraw-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  color: #fff !important;
  margin: 8px 0;
}

.withdraw-balance-card {
  min-width: 260px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.withdraw-balance-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.withdraw-balance-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 30px;
  margin: 8px 0;
}

.withdraw-balance-card small {
  color: #b9ae72;
}

.withdraw-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin: 18px 0;
}

.withdraw-grid {
  align-items: start;
}

.withdraw-form-card,
.withdraw-info-card {
  min-height: 100%;
}

.withdraw-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 16px 0;
}

.withdraw-preview div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.withdraw-preview span {
  display: block;
  color: #b9ae72;
  font-size: 12px;
  margin-bottom: 6px;
}

.withdraw-preview b {
  color: #fff !important;
}

.percent-row {
  grid-template-columns: 1fr auto auto auto auto;
}

.withdraw-created {
  animation: fadeUp .35s ease both;
}

@media(max-width:1000px){
  .withdraw-hero {
    display: block;
  }
  .withdraw-balance-card {
    margin-top: 18px;
  }
  .withdraw-flow,
  .withdraw-preview {
    grid-template-columns: 1fr;
  }
  .percent-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:760px){
  .withdraw-hero {
    padding: 22px;
  }
  .percent-row {
    grid-template-columns: 1fr;
  }
}


/* V8.4 — automatic tariff plans */
.plans-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.plans-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 8px 0;
  color: #fff !important;
}

.plans-current-card {
  min-width: 220px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.plans-current-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.plans-current-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 48px;
  margin: 6px 0;
}

.plans-current-card small {
  color: #b9ae72;
}

.upgrade-panel {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
}

.upgrade-amount {
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255,208,0,.1);
  border: 1px solid rgba(255,208,0,.25);
  color: #ffd000;
  font-size: 24px;
  font-weight: 900;
}

.auto-plans .plan-card {
  position: relative;
  overflow: hidden;
}

.auto-plans .plan-card.locked {
  opacity: .78;
}

.plan-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.plan-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  gap: 10px;
}

.plan-list li {
  color: #b9ae72;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}

.plan-list b {
  color: #fff !important;
}

.auto-calc {
  grid-template-columns: 1fr auto;
}

.auto-calc-result {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
  margin: 18px 0;
}

.auto-calc-result div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.auto-calc-result span {
  display: block;
  color: #b9ae72;
  font-size: 12px;
  margin-bottom: 8px;
}

.auto-calc-result b {
  color: #fff !important;
  font-size: 18px;
}

@media(max-width:1100px){
  .auto-calc-result {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media(max-width:760px){
  .plans-hero,
  .upgrade-panel {
    display: block;
  }
  .plans-current-card,
  .upgrade-amount {
    margin-top: 16px;
  }
  .auto-calc,
  .auto-calc-result {
    grid-template-columns: 1fr;
  }
}


/* V8.5 — referral system */
.ref-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.ref-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 8px 0;
  color: #fff !important;
}

.ref-balance-card {
  min-width: 280px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.ref-balance-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.ref-balance-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 30px;
  margin: 8px 0;
}

.ref-balance-card small {
  color: #b9ae72;
}

.referral-stats {
  grid-template-columns: 2fr repeat(3, 1fr) !important;
}

@media(max-width:1100px){
  .referral-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .ref-hero {
    display: block;
    padding: 22px;
  }
  .ref-balance-card {
    margin-top: 16px;
    min-width: 0;
  }
  .referral-stats {
    grid-template-columns: 1fr !important;
  }
}


/* V8.6 — profile page without KYC */
.profile-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.profile-main {
  display: flex;
  align-items: center;
  gap: 18px;
}

.profile-avatar-large {
  width: 92px;
  height: 92px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  color: #000;
  font-size: 42px;
  font-weight: 900;
  background: linear-gradient(135deg,#ffd000,#f5b301);
  text-transform: uppercase;
  box-shadow: 0 20px 50px rgba(255,208,0,.16);
}

.profile-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 8px 0;
  color: #fff !important;
}

.profile-plan-card {
  min-width: 260px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.profile-plan-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.profile-plan-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 30px;
  margin: 8px 0;
}

.profile-plan-card small {
  color: #b9ae72;
}

.profile-stats {
  grid-template-columns: 2fr repeat(3, 1fr) !important;
}

.profile-form-card,
.account-card {
  min-height: 100%;
}

.account-list {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}

.account-list div {
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
}

.account-list span {
  display: block;
  color: #b9ae72;
  font-size: 12px;
  margin-bottom: 6px;
}

.account-list b {
  color: #fff !important;
}

.quick-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.ref-profile-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 16px;
}

.profile-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}

.action-tile {
  display: block;
  color: inherit;
  text-decoration: none;
}

.action-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(255,208,0,.35) !important;
}

@media(max-width:1100px){
  .profile-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .ref-profile-grid,
  .profile-actions {
    grid-template-columns: 1fr;
  }
}

@media(max-width:760px){
  .profile-hero {
    display: block;
    padding: 22px;
  }
  .profile-main {
    display: block;
  }
  .profile-avatar-large {
    margin-bottom: 16px;
  }
  .profile-plan-card {
    margin-top: 16px;
    min-width: 0;
  }
  .profile-stats {
    grid-template-columns: 1fr !important;
  }
  .quick-actions {
    grid-template-columns: 1fr;
  }
}


/* V8.7 — real Google Authenticator 2FA */
.security-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.security-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 8px 0;
  color: #fff !important;
}

.security-status-card {
  min-width: 240px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.14);
}

.security-status-card.enabled {
  border-color: rgba(84,255,159,.35);
}

.security-status-card.disabled {
  border-color: rgba(255,208,0,.25);
}

.security-status-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.security-status-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 30px;
  margin: 8px 0;
}

.security-status-card.enabled b {
  color: #54ff9f !important;
}

.security-status-card small {
  color: #b9ae72;
}

.qr-box {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: center;
  margin: 18px 0;
}

.qr-box img {
  width: 220px;
  height: 220px;
  padding: 12px;
  background: #fff;
  border-radius: 22px;
}

.backup-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
  margin-top: 16px;
}

.backup-grid code {
  display: block;
  padding: 14px;
  text-align: center;
  border-radius: 14px;
  background: rgba(255,208,0,.1);
  border: 1px solid rgba(255,208,0,.25);
  color: #ffd000;
  font-weight: 900;
  letter-spacing: .08em;
}

.btn.danger {
  background: rgba(255,98,98,.12);
  border: 1px solid rgba(255,98,98,.35);
  color: #ff6262;
}

.security-action-form .btn {
  margin-top: 10px;
}

@media(max-width:900px){
  .security-hero {
    display: block;
  }
  .security-status-card {
    margin-top: 16px;
    min-width: 0;
  }
  .qr-box {
    grid-template-columns: 1fr;
  }
  .backup-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}


/* V8.8 — Telegram support */
.support-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px;
  margin-bottom: 18px;
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,255,255,.035)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.2) !important;
}

.support-hero h2 {
  font-size: clamp(30px, 4vw, 48px);
  margin: 8px 0;
  color: #fff !important;
}

.support-telegram-card {
  min-width: 260px;
  padding: 22px;
  border-radius: 24px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,208,0,.25);
}

.support-telegram-card span {
  display: block;
  color: #b9ae72;
  font-size: 13px;
}

.support-telegram-card b {
  display: block;
  color: #ffd000 !important;
  font-size: 28px;
  margin: 8px 0;
}

.support-telegram-card small {
  color: #b9ae72;
}

.support-form textarea {
  min-height: 190px;
}

.telegram-result {
  border-color: rgba(255,208,0,.35) !important;
  background:
    linear-gradient(135deg, rgba(255,208,0,.14), rgba(16,16,16,.86)) !important;
}

@media(max-width:900px){
  .support-hero {
    display: block;
  }
  .support-telegram-card {
    margin-top: 16px;
    min-width: 0;
  }
}


/* V9 — premium admin panel */
.admin-body {
  background:
    radial-gradient(circle at 18% 0, rgba(255,208,0,.16), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(255,208,0,.10), transparent 32%),
    linear-gradient(135deg, #030303, #000) !important;
}

.admin-sidebar .logo span {
  background: linear-gradient(135deg,#ffd000,#ff8a00);
}

.admin-mini {
  border-color: rgba(255,208,0,.25);
  background: rgba(255,208,0,.08);
}

.admin-hero {
  background:
    linear-gradient(135deg, rgba(255,208,0,.16), rgba(255,138,0,.06)),
    rgba(16,16,16,.84) !important;
  border-color: rgba(255,208,0,.24) !important;
}

.admin-stats {
  grid-template-columns: 2fr repeat(4, 1fr) !important;
}

.admin-actions-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin: 18px 0;
}

.admin-action-card {
  display: block;
  padding: 22px;
  border-radius: 24px;
  background: rgba(16,16,16,.82);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 20px 60px rgba(0,0,0,.28);
  transition: .2s ease;
}

.admin-action-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,208,0,.35);
}

.admin-action-card b {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  border-radius: 15px;
  background: linear-gradient(135deg,#ffd000,#f5b301);
  color: #000 !important;
  margin-bottom: 14px;
}

.admin-action-card h3 {
  color: #fff !important;
  margin: 0 0 8px;
}

.admin-action-card p {
  margin: 0;
  color: #b9ae72;
  line-height: 1.5;
}

.admin-filter {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  margin-bottom: 18px;
}

.wide-mini {
  min-width: 220px;
}

@media(max-width:1100px){
  .admin-stats {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .admin-actions-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media(max-width:760px){
  .admin-stats,
  .admin-actions-grid,
  .admin-filter {
    grid-template-columns: 1fr !important;
  }
}


/* V9.1 — cron accruals */
.code-box {
  display: block;
  white-space: pre-wrap;
  word-break: break-all;
  padding: 16px;
  border-radius: 16px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.1);
  color: #ffd000;
  font-family: monospace;
  margin: 12px 0;
}

.admin-actions-grid {
  grid-template-columns: repeat(5, minmax(0,1fr));
}

@media(max-width:1200px){
  .admin-actions-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media(max-width:760px){
  .admin-actions-grid {
    grid-template-columns: 1fr;
  }
}