/* ===============================
   NEW THEME (никакой связи со старым)
   Префикс: nx-
   =============================== */

:root{
  --nx-bg:#0b0c10;
  --nx-panel:#0f1117;
  --nx-ink:#e6e6e9;
  --nx-ink-dim:#a6aab3;
  --nx-line:#1c1f27;
  --nx-accent:#7c5cff;
  --nx-accent-2:#22d3ee;
  --nx-warn:#ffb020;
  --nx-err:#ff6b6b;
  --nx-ok:#22c55e;
  --nx-rad:14px;
  --nx-shadow:0 20px 60px rgba(0,0,0,.35);
  --nx-g1:linear-gradient(135deg,#7c5cff 0%,#22d3ee 100%);
  --nx-g2:linear-gradient(135deg,#22d3ee 0%,#7c5cff 100%);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(124,92,255,.2), transparent 60%),
    radial-gradient(900px 900px at -10% 10%, rgba(34,211,238,.14), transparent 50%),
    var(--nx-bg);
  color:var(--nx-ink);
  letter-spacing:.1px;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.nx-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* ===== NAV ===== */
.nx-nav{
  position:sticky; top:0; z-index:50;
  backdrop-filter:saturate(1.3) blur(10px);
  background:rgba(8,9,12,.6);
  border-bottom:1px solid var(--nx-line);
}
.nx-nav__in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.nx-brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}
.nx-brand img{height:22px;width:auto}
.nx-menu{display:flex;gap:10px;align-items:center}
.nx-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;
  border:1px solid var(--nx-line);color:var(--nx-ink);
  transition:.15s;background:rgba(255,255,255,.02)
}
.nx-pill:hover{transform:translateY(-1px);border-color:#2a2f3a}
.nx-pill--a{border:0;background:var(--nx-g1);color:#0b0c10;font-weight:700;box-shadow:0 12px 28px rgba(124,92,255,.25)}
.nx-pill--a:hover{filter:brightness(1.08)}
.nx-burger{display:none;gap:8px;align-items:center}
.nx-burger button{
  border:1px solid var(--nx-line);background:rgba(255,255,255,.02);
  color:var(--nx-ink);border-radius:12px;padding:10px 12px
}

/* ===== HERO ===== */
.nx-hero{padding:64px 0 36px}
.nx-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.nx-eyebrow{
  display:inline-flex;gap:8px;align-items:center;
  background:rgba(124,92,255,.14);color:#cbbcff;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(124,92,255,.25);font-size:12px;letter-spacing:.3px;text-transform:uppercase
}
.nx-hero h1{margin:14px 0 12px;font-size:44px;line-height:1.1;letter-spacing:.2px}
.nx-hero p{color:var(--nx-ink-dim);font-size:18px}
.nx-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.nx-btn{border:none;border-radius:14px;padding:14px 18px;cursor:pointer;color:#0b0c10;font-weight:700}
.nx-btn--a{background:var(--nx-g1)}
.nx-btn--b{background:var(--nx-g2)}
.nx-hero-visual{
  position:relative;border-radius:var(--nx-rad);overflow:hidden;
  background:
    radial-gradient(400px 260px at 60% 0%, rgba(124,92,255,.35), transparent 60%),
    radial-gradient(400px 260px at 10% 100%, rgba(34,211,238,.22), transparent 55%),
    var(--nx-panel);
  border:1px solid var(--nx-line);
  min-height:360px;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--nx-shadow)
}
.nx-kpi{
  position:absolute;right:18px;bottom:18px;
  background:rgba(12,13,18,.7);border:1px solid var(--nx-line);
  padding:10px 12px;border-radius:12px;display:flex;gap:12px
}
.nx-chip{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--nx-ink-dim)}

/* ===== CARDS ===== */
.nx-sec{padding:40px 0}
.nx-h2{font-size:28px;margin:0 0 6px}
.nx-lead{color:var(--nx-ink-dim);margin:0 0 18px}
.nx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nx-card{
  border:1px solid var(--nx-line);background:var(--nx-panel);border-radius:var(--nx-rad);
  padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--nx-shadow)
}
.nx-card .nx-ico{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(124,92,255,.16);color:#cbbcff;font-size:20px;border:1px solid rgba(124,92,255,.25)
}
.nx-card p{color:var(--nx-ink-dim);margin:0}
.nx-card a{color:#cbbcff;text-decoration:underline}

/* ===== STEPS ===== */
.nx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nx-step{border:1px dashed #2b2f39;background:rgba(255,255,255,.02);border-radius:16px;padding:14px}
.nx-step b{display:block;margin:8px 0 6px}
.nx-step small{color:var(--nx-ink-dim)}

/* ===== CTA ===== */
.nx-cta-block{
  margin:34px 0;border-radius:16px;padding:22px;
  background:
    radial-gradient(700px 380px at 90% 20%, rgba(124,92,255,.28), transparent 50%),
    radial-gradient(500px 400px at 10% 110%, rgba(34,211,238,.2), transparent 60%),
    #0c0e13;
  border:1px solid var(--nx-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.nx-cta-block p{color:var(--nx-ink-dim);margin:6px 0 0}

/* ===== FOOTER ===== */
.nx-foot{border-top:1px solid var(--nx-line);padding:24px 0 34px;margin-top:34px;color:var(--nx-ink-dim)}
.nx-foot a{color:#a3eaff}

/* ===== MODAL ===== */
.nx-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);z-index:60}
.nx-modal__in{width:min(1100px,96vw);height:min(86vh,900px);background:#0c0e13;border:1px solid var(--nx-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.nx-modal__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--nx-line);background:#0f1117}
.nx-modal__body{flex:1}
.nx-modal__body iframe{width:100%;height:100%;border:0}

/* ===== Mobile menu visibility control ===== */
.nx-mob{display:none !important;}
body.nx-mob-open .nx-mob{display:block !important;}
body.nx-mob-open{overflow:hidden}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .nx-hero__grid{grid-template-columns:1fr}
  .nx-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .nx-grid-3{grid-template-columns:1fr}
  .nx-steps{grid-template-columns:1fr}
  .nx-menu{display:none !important;}
  .nx-burger{display:flex !important;}
  .nx-mob{position:absolute;left:0;right:0;top:60px;background:#0c0e13;border-top:1px solid var(--nx-line);border-bottom:1px solid var(--nx-line)}
  .nx-mob__in{padding:12px 20px;display:flex;flex-direction:column;gap:8px}
  .nx-mob .nx-pill{width:100%;justify-content:center}
}

/* ===== БАЗА: сгладим вертикальные отступы на узких экранах ===== */
@media (max-width: 1024px){
  .container{ padding: 0 14px; }
}

/* ===== Лэйаут кабинета ===== */
@media (max-width: 1024px){
  .grid{ grid-template-columns: 1fr !important; gap: 16px !important; }
  .sidebar, .side{ order: 2; } /* если есть правая колонка — опустим её ниже */
}

/* ===== Карточки статистики ===== */
@media (max-width: 1024px){
  .stats{ grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}
@media (max-width: 560px){
  .stats{ grid-template-columns: 1fr !important; }
  .stat .value{ font-size: 22px !important; }
}

/* ===== Партнёрка: инпут и кнопка в столбик ===== */
@media (max-width: 560px){
  .ref{ grid-template-columns: 1fr !important; }
  .ref .btn{ width: 100%; }
  .input{ font-size: 14px; padding: 12px; }
}

/* ===== Быстрые действия ===== */
@media (max-width: 560px){
  .quick{ grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
}

/* ===== Таблица истории: превращаем строки в «карточки» ===== */
@media (max-width: 768px){
  table{ width: 100%; border-collapse: separate; border-spacing: 0 10px; }
  table thead{ display: none; }
  table tbody tr{
    display: block;
    background: var(--elev, #181920);
    border: 1px solid var(--stroke, rgba(255,255,255,.06));
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 10px;
  }
  table tbody tr td{
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    border: none !important;
    background: transparent !important;
    padding: 8px 6px !important;
  }
  table tbody tr td:first-child{ border-radius: 0; }
  table tbody tr td:last-child{ border-radius: 0; }
  table tbody tr td::before{
    content: attr(data-label);
    color: var(--muted, #8a8f98);
    font-size: 12px;
    font-weight: 600;
    padding-right: 8px;
  }
  /* сумма покрупнее */
  table tbody tr td[data-label="Сумма"]{ font-weight: 800; }
  /* последний столбец (статус) снизу с отступом */
  table tbody tr td:last-child{ margin-top: 6px; }
}

/* ===== Шапка/меню: делаем бургер ===== */
@media (max-width: 900px){
  .topwrap{ padding: 12px 14px !important; }
  .nav{ display: none; flex-direction: column; gap: 8px; width: 100%; margin-top: 10px; }
  .nav.show{ display: flex; }
  .burger{
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 10px;
    border: 1px solid var(--stroke, rgba(255,255,255,.08));
    background: rgba(255,255,255,.04); cursor: pointer; margin-left: auto;
  }
}
@media (min-width: 901px){
  .burger{ display: none; }
}

/* ===== Тап-таргеты ===== */
@media (max-width: 560px){
  .pill, .btn{ min-height: 44px; }
}

/* ===== Мелкие улучшения ===== */
@media (max-width: 560px){
  h1{ font-size: 22px; }
  h2{ font-size: 18px; }
  .card{ padding: 14px !important; }
}

/* Бургер скрыт на десктопе */
.burger{ display:none; align-items:center; justify-content:center; width:38px; height:38px;
  border-radius:10px; border:1px solid var(--stroke, rgba(255,255,255,.08));
  background:rgba(255,255,255,.04); cursor:pointer; margin-left:auto;
}

/* Десктоп: меню обычное в строку */
.topbar .nav{ display:flex; gap:10px; padding:12px 20px; }

/* Мобила: меню спрятано, бургер показан */
@media (max-width: 900px){
  .burger{ display:inline-flex; }
  .topbar{ position:sticky; top:0; z-index:1000; }
  .topbar .nav{
    display:none;               /* скрыто по умолчанию */
    flex-direction:column;
    gap:10px;
    padding:12px 16px;
    background: rgba(10,10,12,.85);
    border-top:1px solid var(--stroke, rgba(255,255,255,.08));
    backdrop-filter: blur(8px) saturate(140%);
  }
  .topbar .nav.is-open{ display:flex; }  /* показываем по классу */
}

@media (min-width: 901px){
  header.topbar{
    max-width: 100%;
  }
  header.topbar{ display: flex; }
  header.topbar .brand{ flex: 0 0 auto; }
  header.topbar .nav{
    flex: 1 1 auto;
    justify-content: flex-end;
    display: flex !important;
    background: transparent !important;
    border-top: 0 !important;
    padding: 0 !important;
  }
  .burger{ display: none !important; }
}


:root{
      --bg:#0d0d0f;
      --surface:#131317;
      --elev:#181920;
      --muted:#8a8f98;
      --text:#f5f7fa;
      --accent:#ff6700;
      --accent-2:#ff3b00;
      --stroke:rgba(255,255,255,.06);
      --glow: 0 0 0px rgba(255,103,0,.0),0 0 0px rgba(255,59,0,.0); /* default off, toggle on hover */
      --radius:14px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--text); background:var(--bg);
      background-image: radial-gradient(60% 40% at 20% -10%, rgba(255,103,0,.18) 0%, rgba(0,0,0,0) 60%),
                        radial-gradient(50% 35% at 110% 10%, rgba(255,59,0,.16) 0%, rgba(0,0,0,0) 60%),
                        repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(255,255,255,.02) 29px, transparent 30px);
    }
    a{color:inherit;text-decoration:none}
    /* HEADER */
    .topbar{
      position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(8px);
      background:linear-gradient(90deg, rgba(255,103,0,.22), rgba(255,59,0,.22)) , rgba(10,10,12,.45);
      border-bottom:1px solid var(--stroke);
    }
    .topwrap{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}
    .brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#111; font-weight:900}
    .nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
    .pill{
      display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--stroke);border-radius:999px;background:rgba(255,255,255,.02);
      transition:.25s; font-weight:600; color:#e9edf3;
    }
    .pill i{font-size:18px;opacity:.9}
    .pill:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(255,103,0,.15); background:rgba(255,255,255,.04)}

    /* LAYOUT */
    .container{max-width:1200px;margin:28px auto;padding:0 20px}
    .grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}

    /* CARDS */
    .card{
      position:relative;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
      border:1px solid var(--stroke); border-radius:var(--radius); padding:18px; box-shadow:var(--glow);
    }
    .card h2{margin:0 0 12px;font-size:18px;font-weight:700}

    /* STATS */
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
    .stat{
      background:var(--elev); border:1px solid var(--stroke); border-radius:12px; padding:16px; position:relative; overflow:hidden; transition:.25s; 
    }
    .stat:before{content:""; position:absolute; inset:-1px; border-radius:12px; background:linear-gradient(135deg, rgba(255,103,0,.12), transparent 40%); opacity:.8; pointer-events:none}
    .stat:hover{transform:translateY(-4px); box-shadow:0 14px 32px rgba(0,0,0,.35), 0 0 0 1px rgba(255,103,0,.15) inset}
    .label{color:var(--muted);font-size:12px; font-weight:600; letter-spacing:.3px}
    .value{margin-top:6px;font-size:28px;font-weight:800; letter-spacing:.2px}
    .delta{margin-top:6px;font-size:12px;color:#a3ffbb;display:flex;align-items:center;gap:6px}
    .delta.down{color:#ffb1b1}

    /* MINI CHART (pure CSS) */
    .bars{display:flex;gap:4px;margin-top:10px;height:32px;align-items:flex-end}
    .bar{flex:1;background:linear-gradient(180deg, rgba(255,103,0,.9), rgba(255,59,0,.7));border-radius:6px 6px 0 0;opacity:.7}
    .bar:nth-child(odd){opacity:.55}

    /* REFERRAL */
    .ref{display:grid;grid-template-columns:1fr auto;gap:10px}
    .input{width:100%;padding:14px 14px;border-radius:10px;border:1px solid var(--stroke);background:#0f1014;color:var(--text);font-weight:600}
    .btn{
      padding:12px 16px;border-radius:10px;border:1px solid transparent;font-weight:800;cursor:pointer;color:#111;
      background:linear-gradient(135deg,var(--accent),var(--accent-2)); transition:.2s;
    }
    .btn:hover{filter:brightness(1.05); transform:translateY(-1px)}

    /* SIDEBAR */
    .list{display:grid;gap:10px;margin-top:8px}
    .item{display:flex;align-items:center;justify-content:space-between;background:var(--elev);border:1px solid var(--stroke);padding:12px 14px;border-radius:10px}
    .tag{font-size:12px;color:#ffc89a;background:rgba(255,103,0,.12);border:1px dashed rgba(255,103,0,.35);padding:4px 8px;border-radius:999px}

    .quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .qbtn{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:16px;border-radius:12px;background:var(--elev);border:1px solid var(--stroke);font-weight:700}
    .qbtn i{font-size:22px; color:#ff8a45}
    .qbtn:hover{box-shadow:0 8px 22px rgba(255,103,0,.18)}

    /* TABLE (history placeholder) */
    table{width:100%;border-collapse:separate;border-spacing:0 10px}
    th{color:var(--muted);font-size:12px;text-align:left;padding:0 12px}
    td{background:var(--elev);border:1px solid var(--stroke);padding:12px;border-left:none;border-right:none}
    tr td:first-child{border-radius:10px 0 0 10px;border-left:1px solid var(--stroke)}
    tr td:last-child{border-radius:0 10px 10px 0;border-right:1px solid var(--stroke)}

    /* FOOTER */
    footer{color:#8d919a;text-align:center;padding:28px}

    /* RESPONSIVE */
    @media (max-width: 1024px){
      .grid{grid-template-columns:1fr}
      .stats{grid-template-columns:repeat(2,1fr)}
      .quick{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width: 560px){
      .topwrap{padding:12px 14px}
      .nav{gap:8px}
      .pill{padding:8px 12px}
      .stats{grid-template-columns:1fr}
      .ref{grid-template-columns:1fr}
    }
    
    @media (min-width:901px){
  header.topbar{ display:flex; }
  header.topbar{ justify-content:center; } /* если нужно, но лучше через обёртку */
  header.topbar .brand{ flex:0 0 auto; margin-left:calc((100vw - 1280px)/2 + 24px); }
  header.topbar .nav{ margin-left:auto; }
}


/* ==== DESKTOP NAV REALIGN (hard reset) ==== */
@media (min-width: 901px){

  /* строка шапки по центру, логотип слева */
  .topbar,
  header.topbar{ width:100%; }
  .topbar .topwrap{            /* если есть */
    max-width: 1280px;
    margin: 0 auto;
    padding: 12px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* СБРОС мобильного позиционирования у меню */
  .topbar .nav,
  header.topbar .nav{
    position: static !important;   /* было absolute/fixed на мобилке */
    inset: auto !important;        /* top/right/bottom/left -> auto */
    transform: none !important;
    display: flex !important;      /* перебиваем display:none */
    flex-direction: row !important;
    gap: 12px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 24px 0 auto !important; /* ПРИЖАТЬ ВПРАВО: auto слева */
    width: auto !important;
    max-width: none !important;
  }

  /* логотип/бренд — слева, меню — вправо */
  .topbar .brand{ flex: 0 0 auto; }
  .burger{ display: none !important; }
}

@media (min-width:901px){
  header.topbar{
    display:flex;
    align-items:center;
    gap:16px;
    padding:12px 24px;
  }
  header.topbar .brand{ flex:0 0 auto; }
  header.topbar .nav{ margin-left:auto !important; }
}

.mentor-avatar{
  width:48px; height:48px;
  border-radius:50%;                   /* было 12px → теперь круг */
  background:linear-gradient(135deg,#ff6700,#ff3b00);
  color:#fff;
  font-weight:700;
  font-size:14px;
  display:flex; align-items:center; justify-content:center;
  border:none;
}
.mentor-info{ gap:4px; }
.mentor-name{ font-size:15px; font-weight:700; }
.mentor-note{ font-size:13px; line-height:1.4; color:#aaa; }
.mentor-meta .tag{ font-size:11px; padding:2px 6px; }



.wf-row{ display:grid; gap:6px; margin-bottom:14px; }
.wf-label{ font-weight:600; font-size:13px; color:#cfd3d8; }
.wf-hint{ color:#8a8f98; font-size:12px; }

.wf-inline{ display:flex; gap:8px; }
.pill--ghost{
  border:1px dashed rgba(255,103,0,.35);
  background:rgba(255,103,0,.08);
  color:#ff9b4a;
  font-size:12px;
}

.wf-summary{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.wf-slab{ padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.wf-slab-k{ font-size:12px; color:#8a8f98; }
.wf-slab-v{ font-weight:700; font-size:16px; }

.wf-actions{ display:flex; justify-content:space-between; align-items:center; }

.wf-ul{ margin:0 0 16px; padding-left:18px; line-height:1.5; color:#8a8f98; }
/* Контейнер страницы вывода */
.withdraw{
  display:grid;
  grid-template-columns: minmax(420px, 560px) 1fr;
  gap:24px;
}
@media (max-width: 1080px){
  .withdraw{ grid-template-columns: 1fr; }
}

/* Левая карточка держит узкий контент */
.withdraw__left{ padding:18px; }
.withdraw__left form{ max-width: 560px; }

/* Правая — прилипающая инфо */
.withdraw__right{
  position: sticky;
  top: 86px; /* под высоту твоей шапки */
  height: fit-content;
  padding:18px;
}

/* Верстка полей */
.wf-row{ display:grid; gap:6px; margin-bottom:14px; }
.wf-label{ font-weight:700; font-size:13px; color:#cfd3d8; }
.wf-hint{ color:#8a8f98; font-size:12px; }

/* Инпут-группа у суммы */
.wf-igroup{
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap:8px;
  align-items: center;
}
.wf-igroup__input{ text-align:left; }
.wf-igroup__suffix{
  padding:0 10px;
  height:40px; display:flex; align-items:center;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  border-radius:12px;
}
.wf-igroup__btn{ height:40px; }

/* Итог */
.wf-summary{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
  margin:16px 0 10px;
}
.wf-slab{
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background: rgba(255,255,255,.02);
}
.wf-slab-k{ font-size:12px; color:#8a8f98; }
.wf-slab-v{ font-weight:800; font-size:18px; }

/* Низ формы */
.wf-actions{ display:flex; gap:10px; justify-content:space-between; align-items:center; }
.input.is-invalid{ border-color: rgba(255,90,90,.45); }

/* Список в сайдбаре */
.wf-ul{ margin:0 0 16px; padding-left:18px; line-height:1.5; color:#8a8f98; }
.pill--ghost{
  border:1px dashed rgba(255,103,0,.35);
  background:rgba(255,103,0,.08);
  color:#ff9b4a;
}

.wf-row{ display:grid; gap:6px; margin-bottom:14px; }
.wf-label{ font-weight:600; font-size:13px; color:#cfd3d8; }
.wf-hint{ color:#8a8f98; font-size:12px; }

.wf-inline{ display:flex; gap:8px; }
.pill--ghost{
  border:1px dashed rgba(255,103,0,.35);
  background:rgba(255,103,0,.08);
  color:#ff9b4a;
  font-size:12px;
}

.wf-summary{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
.wf-slab{ padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:10px; }
.wf-slab-k{ font-size:12px; color:#8a8f98; }
.wf-slab-v{ font-weight:700; font-size:16px; }

.wf-actions{ display:flex; justify-content:space-between; align-items:center; }

.wf-ul{ margin:0 0 16px; padding-left:18px; line-height:1.5; color:#8a8f98; }
.withdraw {
  display: grid;
  grid-template-columns: minmax(420px, 560px) 360px; /* левая форма и правая инфо */
  gap: 32px;
  justify-content: center;   /* <-- выравнивание по центру */
  margin: 0 auto;            /* центрирование */
  max-width: 960px;          /* общая ширина */
}

@media (max-width: 980px){
  .withdraw {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}


/* каркас страницы пополнения */
.deposit{
  display:grid;
  grid-template-columns: minmax(420px, 560px) 360px;
  gap:32px;
  justify-content:center;
  margin:0 auto;
  max-width:960px;
}
@media (max-width:980px){ .deposit{ grid-template-columns:1fr; max-width:100%; } }
.deposit__left, .deposit__right{ padding:18px; }
.deposit__right{ position:sticky; top:86px; height:fit-content; }

/* поля */
.df-row{ display:grid; gap:6px; margin-bottom:14px; }
.df-label{ font-weight:700; font-size:13px; color:#cfd3d8; }
.df-hint{ color:#8a8f98; font-size:12px; }

/* инпут-группа суммы */
.df-igroup{ display:grid; grid-template-columns: 1fr auto auto; gap:8px; align-items:center; }
.df-igroup__suffix{
  height:40px; display:flex; align-items:center; padding:0 10px;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); border-radius:12px;
}
.df-igroup__quick{ display:flex; gap:8px; }
.pill--ghost{ border:1px dashed rgba(255,103,0,.35); background:rgba(255,103,0,.08); color:#ff9b4a; }

/* табы */
.df-tabs{ display:flex; gap:8px; margin:10px 0 6px; }
.df-tab{
  padding:8px 12px; border-radius:12px; cursor:pointer;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.df-tab.is-active{ border-color:rgba(255,103,0,.35); box-shadow:0 0 0 2px rgba(255,103,0,.15) inset; }
.df-pane{ display:none; }
.df-pane.is-active{ display:block; }

/* итоги */
.df-summary{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 10px; }
.df-slab{ padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.02); }
.df-slab-k{ font-size:12px; color:#8a8f98; }
.df-slab-v{ font-weight:800; font-size:18px; }

/* список справа */
.df-ul{ margin:0 0 16px; padding-left:18px; color:#8a8f98; line-height:1.5; }

/* страница входа */
.auth{ display:grid; place-items:center; padding:40px 16px; }
.auth__wrap{ width:100%; max-width:420px; }
.auth__card{ padding:22px; }

.auth__brand{ display:flex; gap:12px; align-items:center; margin-bottom:8px; }
.auth__title h1{ font-size:22px; margin:0; }
.auth__subtitle{ color:#8a8f98; font-size:12px; margin-top:2px; }

.auth__row{ display:grid; gap:6px; margin:10px 0; }
.auth__label{ font-weight:700; font-size:13px; color:#cfd3d8; }

.auth__passwrap{ position:relative; }
.auth__pass{ padding-right:44px; }
.auth__eye{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04);
  border-radius:10px; color:#cfd3d8;
}

.auth__row--extras{ display:flex; justify-content:space-between; align-items:center; }
.auth__check{ display:flex; align-items:center; gap:8px; color:#cfd3d8; font-size:13px; }
.auth__link{ color:#b9c4ff; font-size:13px; text-decoration:none; }

.auth__actions{ display:flex; gap:10px; align-items:center; justify-content:space-between; margin-top:6px; }

.auth__alert{
  margin:8px 0 4px; padding:10px 12px; border-radius:10px;
  border:1px solid rgba(255,90,90,.35); background:rgba(255,90,90,.12);
  color:#ffd1d1; font-size:13px;
}

/* адаптив */
@media (max-width:560px){
  .auth__wrap{ max-width:100%; }
  .auth__actions{ flex-direction:column; align-items:stretch; }
  .auth__actions .pill{ text-align:center; }
}

/* Центрируем логотип и фиксируем позицию бургера на мобиле */
@media (max-width: 768px){
  .topwrap, .nx-nav .nx-wrap { position: relative; justify-content: center; }
  .brand, .nx-brand { margin: 0 auto; }              /* логотип по центру */
  #burger, #nxBurger {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    display: inline-flex;
  }
  /* Прячем панель по умолчанию и показываем при .open (для варианта #mainNav) */
  #mainNav { display: none; }
  #mainNav.open { display: flex; flex-direction: column; gap: 8px; }
  /* Для варианта #nxMob управление через hidden — оставляем, скрипт его меняет */
  #nxMob { /* стили на твой вкус */ }
  /* Блокируем скролл фона при открытом меню */
  .menu-open, .scroll-lock { overflow: hidden; }
}

/* === Унификация мобильного меню: гостевое (#nxMob) и ЛК (#mainNav) === */
@media (max-width: 768px){
  /* Гостевое верхнее меню: логотип центр, бургер справа */
  .nx-nav .nx-wrap{ position: relative; justify-content: center; }
  .nx-brand{ margin: 0 auto; }
  #nxBurger{ position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index:10001; pointer-events:auto; }

  /* Прячем десктоп-меню гостей и показываем кнопку */
  .nx-menu{ display: none !important; }
  .nx-burger{ display: block !important; }

  /* Мобильная панель гостей: по умолчанию скрыта,
     появляется строго при ОТСУТСТВИИ атрибута hidden */
  .nx-mob{ 
    display: none !important;
    position: fixed; left:0; right:0; top:56px;
    z-index:10000;
    background: rgba(0,0,0,.88);
    backdrop-filter: blur(6px);
    padding:14px;
  }
  .nx-mob:not([hidden]){ display: block !important; }

  /* ЛК-меню: прячем по умолчанию, показываем при .open */
  #mainNav{ display: none !important; }
  #mainNav.open{
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    position: fixed; left:0; right:0; top:56px;
    z-index:10000;
    background: rgba(0,0,0,.88);
    backdrop-filter: blur(6px);
    padding:14px;
  }

  /* Шапки поверх контента */
  .nx-nav, .topbar{ position: sticky; top:0; z-index: 9000; }
  /* Контент под меню (на auth-страницах часто перекрывает) */
  .auth, .page{ position: relative; z-index: 1; }
  
  /* Логотип + бургер для ЛК */
  .topwrap{ position: relative; justify-content: center; }
  .brand{ margin: 0 auto; }
  #burger{ position: absolute; right:12px; top:50%; transform: translateY(-50%); z-index:10001; pointer-events:auto; }
}

/* Обёртка страницы */
.nx-wrap.nx-settings{
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px;
}

.nx-title{
  font-size: 28px;
  font-weight: 700;
  margin: 8px 0 18px;
}

/* Сетка карточек */
.nx-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 920px){
  .nx-grid{ grid-template-columns: 1fr; }
}

/* Карточки */
.nx-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 16px;
}
.nx-card__head{ margin-bottom: 10px; }
.nx-card__title{ font-size: 18px; font-weight: 700; margin: 0 0 4px; }
.nx-card__sub{ color: #aaa; margin: 0; }

/* Формы */
.nx-form{ margin: 12px 0; }
.nx-label{ display:block; font-size: 13px; color:#bbb; margin: 6px 0; }
.input{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
  color: #fff;
  outline: none;
}
.input[disabled]{ opacity: .7; cursor: not-allowed; }
.nx-actions{ margin-top: 10px; }

/* Кнопки */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 14px; border: none;
  background: rgba(255,255,255,.06);
  color:#fff; border-radius: 10px; cursor: pointer;
}
.btn:hover{ background: rgba(255,255,255,.12); }
.btn--a{ background: linear-gradient(90deg,#ff6a00,#ff2fb3); }
.btn--a:hover{ filter: brightness(1.06); }

/* Аватар */
.nx-avatar{ display:flex; align-items:center; gap:16px; margin-bottom: 14px; }
.nx-avatar__img img{ width: 72px; height:72px; border-radius:50%; object-fit:cover; display:block; }
@media (max-width:540px){
  .nx-avatar{ flex-direction:column; align-items:flex-start; }
}

/* Мелочи */
.nx-help{ color:#9aa0a6; font-size:12px; margin-top:6px; }
.nx-note{ margin-top: 10px; color:#cfcfcf; }
.nx-link{ color:#ba1abb; text-decoration:none; }
.nx-link:hover{ text-decoration:underline; }
.nx-sep{ height:1px; background:rgba(255,255,255,.06); margin:14px 0; }
.nx-h3{ font-size: 15px; margin: 8px 0; }

.internal-center {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 120px); /* чтобы было по центру экрана, 120px учитывает хедер */
}

.internal-card {
  max-width: 700px;
  width: 100%;
}

.ig-garland {
  position: fixed;
  top: 64px; /* под шапкой */
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 22px;
  padding: 6px 0;
  pointer-events: none;
  z-index: 9999;
}

.ig-garland::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #7a3a12,
    #ff7a18,
    #7a3a12,
    transparent
  );
  opacity: 0.6;
}

.ig-garland span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff7a18;
  box-shadow: 0 0 6px #ff7a18, 0 0 14px rgba(255,122,24,.7);
  animation: igBlink 1.6s infinite;
}

.ig-garland span:nth-child(odd) { animation-delay: .8s; }
.ig-garland span:nth-child(3n) { background:#ffb347; }
.ig-garland span:nth-child(5n) { background:#ff4d00; }

@keyframes igBlink {
  0%,100% { opacity:.5; }
  50% { opacity:1; }
}