:root {
  --unified-bg: #06162d;
  --unified-surface: #081b37;
  --unified-surface-2: #0d2748;
  --unified-surface-3: #102e52;
  --unified-line: rgba(255,255,255,.11);
  --unified-text: #edf5ff;
  --unified-muted: #9fb3ca;
  --unified-blue: #1769e0;
  --unified-cyan: #55d9ef;
  --unified-gold: #f1c84c;
  --unified-green: #7ee787;
}

/* Legacy global footer retired; the shared .site-footer is the only footer. */
.doge-footer { display: none !important; }

/* Cross-device foundation */
html {
  width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }
img, svg, video, canvas { max-width: 100%; height: auto; }
button, input, select, textarea { max-width: 100%; font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
.shell, main, .account-main, .dashboard-grid, .account-grid,
.stats-grid, .plans-grid, .footer-grid { min-width: 0; }
.panel, .stat-card, .plan-card, .account-hero, .page-hero { min-width: 0; }
.payouts-table-wrap, .table-wrap, .account-tables {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  color: var(--unified-text);
  background:
    radial-gradient(circle at 8% 0, rgba(23,105,224,.09), transparent 30%),
    var(--unified-bg);
}

.sidebar,
.topbar,
.panel,
.stat-card,
.page-hero,
.account-hero,
.plan-card,
.contact-card,
.faq-card,
.support-card,
.mining-calculator,
.payouts-modal,
.vip-modal,
.auth-modal,
.calculator-modal,
.home-sponsor-modal,
.sponsor-modal {
  color: var(--unified-text);
  border-color: var(--unified-line);
  background: var(--unified-surface);
}

.sidebar {
  box-shadow: 12px 0 36px rgba(0,0,0,.18);
}
.topbar {
  border-bottom: 1px solid var(--unified-line);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.side-nav a,
.topbar a,
.topbar button,
.panel-head h1,
.panel-head h2,
.page-hero h1,
.account-hero h1,
.auth-modal h2,
.calculator-modal h2,
.payouts-modal h2,
.vip-modal h2,
.home-sponsor-modal h2,
.sponsor-modal h2 {
  color: var(--unified-text);
}
.side-nav a:hover,
.side-nav a.active {
  color: #fff;
  border-color: rgba(85,217,239,.18);
  background: rgba(23,105,224,.18);
}
.side-nav a > span {
  display: inline-grid;
  place-items: center;
  color: #58aaff !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.side-nav a > span i {
  color: #58aaff !important;
  font-size: 1.08rem;
  filter: drop-shadow(0 4px 8px rgba(22,136,244,.38));
  transition: color .2s ease, transform .2s ease, filter .2s ease;
}
.side-nav a:hover > span i {
  color: #8dccff !important;
  transform: translateY(-1px) scale(1.08);
  filter: drop-shadow(0 5px 10px rgba(61,163,255,.5));
}
.side-nav a.active > span {
  color: #ffe34e !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.side-nav a.active > span i {
  color: #ffe34e !important;
  transform: scale(1.08);
  filter: drop-shadow(0 4px 9px rgba(255,227,78,.4));
}
.top-actions i,
.menu-toggle i {
  color: #66b7ff;
}
.top-actions .logout-button i,
.logout-button i {
  color: #fff !important;
}

p,
.muted,
.panel-copy,
.page-hero p,
.account-hero p,
.auth-modal-copy,
.modal-copy,
.form-note,
.field-note,
.help-text {
  color: var(--unified-muted);
}

input,
select,
textarea,
.input-shell,
.search,
.language-select {
  color: var(--unified-text) !important;
  border-color: var(--unified-line) !important;
  background: var(--unified-surface-2) !important;
}
input::placeholder,
textarea::placeholder { color: #7f96ae !important; }
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(85,217,239,.58) !important;
  outline: 3px solid rgba(85,217,239,.1);
}

.action-button.primary,
.button.primary,
.auth-tab-button.is-active,
.hero-auth-submit,
.custom-buy-button,
.withdraw-button {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, #1769e0, #168dc4) !important;
  box-shadow: 0 12px 28px rgba(23,105,224,.24);
}
.action-button,
.button,
.modal-close,
.auth-modal-close {
  border-radius: 10px;
}

table,
.table-wrap,
.account-table,
.live-payouts-table {
  color: var(--unified-text);
  border-color: var(--unified-line);
  background: var(--unified-surface);
}
th {
  color: var(--unified-cyan);
  border-color: var(--unified-line);
  background: var(--unified-surface-2);
}
td {
  color: #dce9f7;
  border-color: var(--unified-line);
}
tr:hover td { background: rgba(23,105,224,.07); }

.modal-backdrop,
.auth-modal-backdrop,
.calculator-modal-backdrop,
.home-sponsor-backdrop,
.sponsor-modal-backdrop {
  background: rgba(1,8,18,.82);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}
.auth-modal,
.calculator-modal,
.payouts-modal,
.vip-modal,
.home-sponsor-modal,
.sponsor-modal {
  overflow: hidden;
  border: 1px solid rgba(85,217,239,.2);
  border-radius: 16px;
  box-shadow: 0 32px 100px rgba(0,0,0,.55);
}
.auth-modal-head,
.modal-head,
.home-sponsor-head,
.sponsor-modal-head {
  border-bottom: 1px solid var(--unified-line);
  background: linear-gradient(135deg, rgba(23,105,224,.12), rgba(85,217,239,.04));
}
.auth-modal-close,
.modal-close,
.home-sponsor-close,
.sponsor-modal-close {
  color: #fff;
  border: 1px solid var(--unified-line);
  background: rgba(255,255,255,.055);
}
.auth-tab-switch {
  padding: 4px;
  border: 1px solid var(--unified-line);
  border-radius: 12px;
  background: var(--unified-surface-2);
}
.auth-tab-button {
  color: var(--unified-muted);
  border-radius: 9px;
  background: transparent;
}
.auth-choice-card,
.auth-modal-form,
.modal-calculator-results > div {
  color: var(--unified-text);
  border-color: var(--unified-line);
  background: var(--unified-surface-2);
}
.auth-card-title i,
.eyebrow,
.tagline { color: var(--unified-cyan); }

.alert,
.notice,
.security-note {
  color: #dbeafe;
  border-color: rgba(85,217,239,.2);
  background: rgba(23,105,224,.1);
}

.site-footer {
  position: relative;
  overflow: hidden;
  color: var(--unified-muted);
  border: 1px solid rgba(80,157,255,.34) !important;
  border-radius: 18px;
  background:
    radial-gradient(circle at 88% 12%, rgba(54,177,255,.15), transparent 27%),
    linear-gradient(145deg,#071d3e 0%,#0b326e 52%,#0d438a 100%) !important;
  box-shadow: 0 24px 58px rgba(1,20,56,.3), inset 0 1px 0 rgba(255,255,255,.08);
}
.site-footer::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,#3157df,#42d7f5,#ffe34e);
}
.site-footer .footer-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,1fr));
  gap:clamp(24px,4vw,52px);
}
.site-footer .footer-grid > div:not(.footer-brand) {
  padding-left:18px;
  border-left:1px solid rgba(117,181,247,.16);
}
.site-footer h2,
.site-footer h3,
.site-footer strong { color: var(--unified-text); }
.site-footer h3 {
  position:relative;
  margin-bottom:15px;
  padding-bottom:10px;
  color:#fff;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.site-footer h3::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:32px;
  height:2px;
  border-radius:4px;
  background:linear-gradient(90deg,#42d7f5,#5b8cff);
}
.site-footer a,
.site-footer button,
.site-footer .footer-grid span {
  color:#b9d0e8;
  transition:color .2s ease,transform .2s ease;
}
.site-footer .footer-grid > div:not(.footer-brand) > a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:38px;
  margin:6px 0;
  padding:8px 11px;
  border:1px solid rgba(111,184,255,.16);
  border-radius:9px;
  color:#c5d9ee;
  background:linear-gradient(135deg,rgba(19,65,126,.48),rgba(7,35,75,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.site-footer .footer-grid > div:not(.footer-brand) > a::after {
  content:"›";
  color:#62dfff;
  font-size:1.05rem;
  font-weight:900;
  line-height:1;
  transition:transform .2s ease;
}
.site-footer a:hover,
.site-footer button:hover {
  color:#72e6ff;
  transform:translateX(3px);
}
.site-footer .footer-grid > div:not(.footer-brand) > a:hover,
.site-footer .footer-grid > div:not(.footer-brand) > a:focus-visible {
  border-color:rgba(98,223,255,.46);
  color:#fff;
  background:linear-gradient(135deg,rgba(49,87,223,.7),rgba(22,136,244,.64));
  box-shadow:0 8px 20px rgba(20,91,201,.18),inset 0 1px 0 rgba(255,255,255,.1);
  outline:none;
}
.site-footer .footer-grid > div:not(.footer-brand) > a:hover::after,
.site-footer .footer-grid > div:not(.footer-brand) > a:focus-visible::after {
  transform:translateX(3px);
}
.site-footer .footer-brand .brand {
  display:inline-flex;
  margin-bottom:14px;
  padding:9px 12px;
  border:1px solid rgba(113,184,255,.2);
  border-radius:12px;
  background:rgba(5,31,75,.38);
}
.site-footer .footer-brand p {
  max-width:360px;
  color:#aec7df;
  line-height:1.7;
}
.site-footer .online-status {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#72f5a3 !important;
}
.site-footer .online-status::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#72f5a3;
  box-shadow:0 0 10px rgba(114,245,163,.75);
}
.site-footer .home-sponsor-button {
  width:max-content;
  padding:0;
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
}
.site-footer .footer-bottom {
  position:relative;
  z-index:1;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(117,181,247,.18);
  color:#89a8c7;
}
.member-site-footer {
  width: auto;
  margin: 30px 28px 18px;
  padding: 28px;
  box-sizing: border-box;
}

/* Dashboard-inspired member pages */
.account-main {
  color: var(--unified-text);
  background:
    radial-gradient(circle at 88% 5%, rgba(38,137,244,.11), transparent 28%),
    radial-gradient(circle at 8% 36%, rgba(38,199,235,.06), transparent 24%),
    var(--unified-bg);
}
.account-main .account-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(80,157,255,.34);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 18%, rgba(76,193,255,.2), transparent 29%),
    linear-gradient(145deg, #0b3279 0%, #1559c8 52%, #1688f4 100%);
  box-shadow: 0 22px 54px rgba(1,20,56,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.account-main .account-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 38px 38px;
}
.account-main .account-hero > * { position:relative; z-index:1; }
.account-main .account-hero h1,
.account-main .account-hero .account-score,
.account-main .account-hero strong { color:#fff !important; }
.account-main .account-hero p,
.account-main .account-hero span,
.account-main .account-hero small { color:#c5ddf7 !important; }
.account-main .account-hero .eyebrow { color:#75e6ff !important; }

.account-main .panel,
.account-main .stat-card,
.account-main .referral-banner,
.account-main .support-about-card {
  border: 1px solid rgba(80,157,255,.3) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(66,176,255,.12), transparent 28%),
    linear-gradient(145deg, rgba(10,45,94,.98), rgba(7,27,58,.98)) !important;
  box-shadow: 0 18px 42px rgba(1,20,56,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.account-main .panel-head {
  border-bottom-color: rgba(105,177,255,.18) !important;
  background: linear-gradient(135deg, rgba(23,105,224,.13), rgba(85,217,239,.035));
}
.account-main .panel-head h1,
.account-main .panel-head h2,
.account-main .panel-head h3,
.account-main .score-title,
.account-main label,
.account-main .referral-banner h2,
.account-main .referral-banner h3 { color:#f4f8ff !important; }
.account-main .eyebrow,
.account-main .panel-head i,
.account-main .score-title i { color:#62dfff !important; }

.account-main .stats-grid .stat-card {
  position: relative;
  overflow: hidden;
  min-height: 128px;
}
.account-main .stats-grid .stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg,#3157df,#39d5f4,#ffe34e);
}
.account-main .stats-grid .stat-card strong,
.account-main .lime-value,
.account-main .doge-value { color:#ffe34e !important; }

.account-main .account-form input,
.account-main .account-form select,
.account-main .account-form textarea,
.account-main .referral-link-box,
.account-main .referral-claim-box,
.account-main .twofa-secret-box,
.account-main .twofa-status-box,
.account-main .withdraw-summary,
.account-main .withdraw-detail-grid > div {
  border-color: rgba(104,181,255,.24) !important;
  border-radius: 11px !important;
  background: rgba(5,31,75,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}
.account-main .account-form input:focus,
.account-main .account-form select:focus,
.account-main .account-form textarea:focus {
  border-color: rgba(92,214,255,.76) !important;
  box-shadow: 0 0 0 4px rgba(85,217,239,.1);
}
.account-main .action-button.primary,
.account-main .withdraw-button:not(:disabled) {
  color:#06120b !important;
  border-color:rgba(119,255,162,.5) !important;
  background:linear-gradient(135deg,#22c55e,#a3e635) !important;
  box-shadow:0 12px 26px rgba(34,197,94,.24) !important;
}
.account-main .action-button:hover,
.account-main .withdraw-button:not(:disabled):hover {
  transform:translateY(-2px);
  filter:brightness(1.06);
}

.account-main .payouts-table-wrap {
  overflow: auto;
  border: 1px solid rgba(90,164,240,.2);
  border-radius: 13px;
  background:rgba(5,27,62,.7);
}
.account-main .payouts-table { background:transparent !important; }
.account-main .payouts-table th {
  color:#72dfff !important;
  background:#0b3268 !important;
}
.account-main .payouts-table td { background:rgba(7,34,73,.62); }
.account-main .payouts-table tbody tr:hover td { background:rgba(23,105,224,.17); }

.account-main .panel-tabs {
  gap:7px;
  padding:5px;
  border:1px solid rgba(105,177,255,.18);
  border-radius:12px;
  background:rgba(5,31,75,.58);
}
.account-main .panel-tabs a,
.account-main .panel-tabs button {
  border-radius:9px;
  color:#a9c4df !important;
}
.account-main .panel-tabs .active {
  color:#fff !important;
  background:linear-gradient(135deg,#3157df,#1688f4) !important;
}
.account-main .referral-banner.gold {
  border-color:rgba(255,227,78,.4) !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(255,227,78,.13), transparent 26%),
    linear-gradient(145deg,rgba(18,61,125,.98),rgba(7,28,62,.98)) !important;
}
.account-main .support-about-icon {
  color:#ffe34e !important;
  background:rgba(255,227,78,.1) !important;
  box-shadow:0 0 24px rgba(255,227,78,.12);
}

@media (max-width: 820px) {
  body { padding-bottom: env(safe-area-inset-bottom, 0); }
  .shell { width:100%; min-height:100dvh; }
  .account-main { width:100%; padding-right:14px; padding-left:14px; }
  .account-main .account-grid,
  .account-main .stats-grid,
  .dashboard-grid,
  .stats-grid,
  .plans-grid,
  .withdraw-detail-grid,
  .banner-grid {
    grid-template-columns:1fr !important;
  }
  .panel-head {
    align-items:flex-start;
    flex-wrap:wrap;
    gap:12px;
  }
  .account-main .account-hero,
  .page-hero {
    padding:22px 18px !important;
  }
  .account-main .panel,
  .account-main .stat-card { padding:18px !important; }
  .action-button, .button, .withdraw-button,
  .vip-level-button, .deposit-transactions-button {
    min-height:48px;
  }
  input, select, textarea {
    font-size:16px !important; /* Prevent iOS focus zoom. */
  }
  .modal-backdrop,
  .auth-modal-backdrop,
  .calculator-modal-backdrop,
  .home-sponsor-backdrop,
  .sponsor-modal-backdrop {
    padding:max(10px, env(safe-area-inset-top, 0))
            max(10px, env(safe-area-inset-right, 0))
            max(10px, env(safe-area-inset-bottom, 0))
            max(10px, env(safe-area-inset-left, 0));
  }
  .topbar .nav { background: var(--unified-surface); }
  .auth-modal,
  .calculator-modal,
  .payouts-modal,
  .vip-modal,
  .home-sponsor-modal,
  .sponsor-modal {
    width: min(100% - 24px, 560px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .account-main .account-hero { border-radius:14px; }
  .account-main .panel,
  .account-main .stat-card,
  .account-main .referral-banner { border-radius:13px !important; }
  .account-main .payouts-table { min-width:680px; }
  .site-footer .footer-grid { grid-template-columns:1fr 1fr; }
  .site-footer .footer-grid > div:not(.footer-brand) {
    padding-left:0;
    border-left:0;
  }
}
@media (max-width: 560px) {
  .account-main { padding-right:10px; padding-left:10px; }
  .account-main .account-hero,
  .page-hero { padding:19px 15px !important; }
  .account-main .panel,
  .account-main .stat-card { padding:15px !important; }
  .account-main h1, .page-hero h1 { font-size:clamp(1.45rem,8vw,2rem) !important; }
  .panel-head h2 { font-size:clamp(1.08rem,6vw,1.4rem) !important; }
  .top-actions { gap:7px; }
  .top-actions .logout-button { min-height:42px; padding-right:11px; padding-left:11px; }
  .payouts-table th, .payouts-table td {
    padding:11px 10px !important;
    white-space:nowrap;
  }
  .auth-modal-head, .modal-head {
    padding:14px !important;
  }
  .modal-close, .auth-modal-close {
    width:42px;
    height:42px;
    flex:0 0 42px;
  }
  .site-footer { border-radius:14px; }
  .site-footer .footer-grid { grid-template-columns:1fr; gap:24px; }
  .site-footer .footer-bottom { gap:10px; }
  .member-site-footer {
    width:calc(100% - 20px);
    margin:22px auto 12px;
    padding:22px 18px;
  }
}
@media (max-width: 380px) {
  .account-main { padding-right:7px; padding-left:7px; }
  .account-main .panel,
  .account-main .stat-card { padding:13px !important; }
  .action-button, .button, .withdraw-button {
    width:100%;
    padding-right:12px;
    padding-left:12px;
  }
  .site-footer .footer-grid { gap:20px; }
  .member-site-footer { width:calc(100% - 12px); padding:18px 14px; }
}
@media (hover: none) and (pointer: coarse) {
  button, a, input, select { touch-action:manipulation; }
  .side-nav a, .footer-grid a { min-height:44px; }
  .side-nav a:hover, .account-main .action-button:hover { transform:none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* Shared animated page-transition loader. */
.global-page-loader {
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  place-items:center;
  opacity:1;
  visibility:visible;
  background:radial-gradient(circle at 50% 45%, #123d83 0%, #071c42 46%, #030b18 100%);
  transition:opacity .28s ease, visibility 0s linear 0s;
}
.global-page-loader-inner {
  display:grid;
  justify-items:center;
  gap:17px;
  width:min(330px,78vw);
}
.global-page-loader-logo {
  display:block;
  width:100%;
  height:auto;
  animation:dogePageLogoPulse 1.35s ease-in-out infinite;
}
.global-page-loader-spinner {
  width:32px;
  height:32px;
  border:3px solid rgba(242,198,36,.22);
  border-top-color:#fff36a;
  border-right-color:#f2c624;
  border-radius:50%;
  animation:dogePageSpinner .8s linear infinite;
}
body.page-ready .global-page-loader {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility 0s linear .28s;
}
@keyframes dogePageLogoPulse {
  0%,100% { transform:scale(.97); filter:drop-shadow(0 0 0 rgba(242,198,36,0)); }
  50% { transform:scale(1.025); filter:drop-shadow(0 12px 24px rgba(242,198,36,.24)); }
}
@keyframes dogePageSpinner { to { transform:rotate(360deg); } }
@media (max-width:480px) {
  .global-page-loader-inner { width:min(260px,76vw); gap:14px; }
  .global-page-loader-spinner { width:28px; height:28px; }
}