/* AshnaPing purple portal skin: shared by trial, sign-in and customer pages. */
:root {
  color-scheme: dark;
  --bg: #080812;
  --bg-soft: #0d0c18;
  --panel: #11111f;
  --panel-2: #171426;
  --line: #352442;
  --line-soft: #241a30;
  --text: #f5f1fb;
  --muted: #aaa4b7;
  --subtle: #777184;
  --mint: #cf43ff;
  --mint-ink: #fff;
  --cyan: #24dced;
}

body.fresh-site {
  background:
    radial-gradient(ellipse at 83% 0%, #681e8e30, transparent 40rem),
    radial-gradient(ellipse at 12% 52%, #182e6c20, transparent 36rem),
    var(--bg);
}

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline-color: #35e4f2;
  box-shadow: 0 0 0 4px #35e4f22a;
}

.site-header { background: #090812ed; border-color: #30203e; }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: #e3a0ff; }
.main-nav a[aria-current="page"]::after { background: linear-gradient(90deg, #aa31ff, #33dff0); }
.header-account, .button { border-color: #392744; background: #151120; }
.header-account:hover, .button:hover { border-color: #a743d4; }
.header-account span, .text-link span { color: #db77ff; }
.button-primary, .offer-cta, .telegram-login-button {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(112deg, #d83dff, #8424f5 74%);
  box-shadow: 0 8px 26px #a62bde3d;
}
.button-primary:hover, .offer-cta:hover, .telegram-login-button:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(112deg, #e45bff, #9837ff 74%);
}
.button-secondary, .button-danger { background: #191327; border-color: #382444; }
.site-footer { background: #090812; border-color: #21182d; }
.footer-inner nav a:hover { color: #e4a3ff; }
.preview-banner {
  border-bottom: 1px solid #c041ff55;
  background: #251536;
  color: #f0cfff;
}

/* Trial page */
.trial-count { background: #241432; color: #e59dff; }
.trial-hero {
  border-color: #713c91;
  background:
    radial-gradient(circle at 24% 50%, #d642ff21, transparent 38%),
    radial-gradient(circle at 79% 50%, #20d8ef13, transparent 32%),
    linear-gradient(130deg, #171125, #10101c 66%, #111327);
  box-shadow: inset 0 1px #ffffff0b, 0 20px 60px #6d21a51a;
}
.trial-signal {
  border-color: #a04dc8;
  background: radial-gradient(circle, #d54aff42 0 8%, #29163d 9% 24%, transparent 25%);
  box-shadow: 0 0 55px #b832ff24, inset 0 0 38px #8e30c52b;
}
.trial-signal::before, .trial-signal::after, .trial-signal span { border-color: #c064f54d; }
.trial-signal::after { border-color: #34d9ef65; }
.trial-signal span:nth-child(1) { border-color: #d144ff75; }
.trial-signal span:nth-child(2) { background: #d04aff; box-shadow: 0 0 30px #d04affc9; }
.trial-signal span:nth-child(3) { background: #0c0a16; }
.trial-signal i { border-color: #9c46c9; background: #171020; color: #e6a4ff; }
.trial-how li { background: #11101d; color: #dfd9e9; }
.trial-how li b { color: #e29aff; }
.trial-offers .offer-grid { grid-template-columns: minmax(0, 590px); justify-content: center; }
.trial-offers .offer-card {
  border-color: #68417f;
  background: radial-gradient(ellipse at 14% 0%, #a938d51a, transparent 60%), linear-gradient(145deg, #171326, #100f1b 78%);
  box-shadow: 0 12px 32px #0003;
}
.trial-offers .offer-card:hover { border-color: #ba55df; background: linear-gradient(145deg, #20152f, #100f1b 78%); }
.trial-offers .offer-type { border-color: #a04bc0; background: #261532; color: #e3a0ff; }
.trial-offers .offer-protocol { color: #81deea; }
.trial-offers .offer-spec { border-color: #30233e; }
.trial-offers .offer-locations b { background: #212038; color: #d7cdf0; }
.trial-band {
  border-color: #75438d;
  background: radial-gradient(ellipse at 16% 50%, #b538ed28, transparent 56%), linear-gradient(105deg, #1a1428, #11101c 68%);
}
.trial-empty { border-color: #75438d; background: #11101d; }

/* Sign-in */
.telegram-login-card, .login-visual {
  border-color: #382744;
  background: linear-gradient(145deg, #171326, #10101b);
}
.auth-method-tabs a.active { border-color: #c54cff; color: #e6a3ff; }
.login-secondary { border-color: #392744; background: #171326; color: var(--text); }
.login-unavailable, .login-code-panel { border-color: #382744; background: #171326; }
.login-visual { background: radial-gradient(circle at 51% 40%, #c63cff20, transparent 45%), linear-gradient(145deg, #171126, #0d0d19); }
.login-visual::before { border-color: #c45cff62; box-shadow: 0 0 50px #c63cff20; }
.login-visual::after { border-color: #26d9ed55; }
.login-orb { border-color: #df9cff; background: #241632; box-shadow: 0 0 40px #c63cff35; }
.login-orb span { color: #e6a3ff; text-shadow: 0 0 19px #c63cffbb; }
.login-visual > div > span, .login-trust svg { color: #dc83ff; }

/* Customer console */
.customer-console { isolation: isolate; }
.console-sidebar {
  border-color: #372443;
  background: radial-gradient(ellipse at 50% 0%, #70238d24, transparent 52%), #100e19;
  box-shadow: inset 0 1px #ffffff08, 0 16px 44px #0003;
}
.console-main { border-color: #34233f; background: #0b0a13; }
.console-topbar { border-color: #281b32; background: #100e19; }
.console-nav > a, .sidebar-foot > a, .sidebar-foot button { color: #c5bed0; }
.console-nav > a:hover, .console-nav > a[aria-current="page"] {
  background: linear-gradient(100deg, #65258955, #21152b);
  color: #e3a0ff;
}
.console-nav > a[aria-current="page"] { box-shadow: inset -2px 0 #d34cff; }
.nav-count { background: #7729a5; color: #fff; }
.profile-chip { background: #191327; }
.profile-chip span { background: #3b2050; color: #e5a0ff; }
.welcome-panel {
  border-color: #714092;
  background: radial-gradient(ellipse at 12% 50%, #cd42ff20, transparent 56%), linear-gradient(125deg, #1b1428, #12101d 68%);
}
.summary-grid article, .surface, .section-block, .page-intro,
.profile-card, .support-layout > *, .subscription-card, .empty-state,
.notice-card, .quick-grid > a, .quick-grid {
  border-color: #32243f;
  background: linear-gradient(145deg, #151220, #100f1a 78%);
}
.summary-icon { background: #2a1838; color: #e19aff; }
.summary-icon--green { background: #192a35; color: #43dff0; }
.summary-icon--blue { background: #142637; color: #48c9ff; }
.summary-icon--purple { background: #2a1838; color: #e19aff; }
.service-mark { border-color: #8443a4; background: #241631; color: #df91ff; }
.subscription-card { background: linear-gradient(145deg, #171326, #100f1b 78%); }
.subscription-card:hover, .record-card:hover, .quick-grid > a:hover {
  border-color: #b14ed5;
  box-shadow: 0 10px 30px #6b22a329;
}
.subscription-facts span { background: #191526; }
.quick-grid > a { color: #df96ff; }
.notice-card { border-color: #9d6333; background: #271b13; }
.search-box { background: #11101c; border-color: #3a2948; }
.record-card, .ticket-list > a { border-color: #342540; background: #151220; }
.wallet-hero { border-color: #774397; background: radial-gradient(ellipse at 10% 50%, #bd3ded2b, transparent 56%), #171326; }
.mobile-tabbar {
  border-color: #4a2b5e;
  background: #100d1ceb;
  box-shadow: 0 10px 36px #000a, 0 0 28px #8128a51c;
}
.mobile-tabbar [aria-current="page"] { background: #392047; color: #e5a0ff; }
.mobile-more { border-color: #75438d; background: #14101f; }
.mobile-more nav a { background: #20172c; }
.mobile-more nav svg { color: #df91ff; }
input, select, textarea { border-color: #3a2a49; background-color: #11101b; color: var(--text); }
progress { accent-color: #d04aff; }

@media (max-width: 760px) {
  .customer-console {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    margin-bottom: 104px;
  }
  .customer-console > .console-sidebar { display: none; }
  .console-sidebar, .console-main, .console-content, .console-topbar { min-width: 0; max-width: 100%; }
  .summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .summary-grid article { min-width: 0; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
  .summary-grid article > div { min-width: 0; }
  .summary-grid .summary-money { font-size: 9px; }
  .trial-hero {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 18px;
    text-align: center;
    background-position: center;
  }
  .trial-hero > div:last-child { order: 1; }
  .trial-hero h1 { max-width: 16ch; margin: 9px auto; font-size: clamp(30px, 8.2vw, 38px); }
  .trial-hero p { margin-inline: auto; }
  .trial-signal { order: 2; width: 112px; max-width: 34vw; margin: 2px auto 0; }
  .trial-signal i { right: -9%; }
  .trial-offers .offer-grid { grid-template-columns: 1fr; }
  .mobile-tabbar { right: 9px; left: 9px; bottom: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}