/* Proveryalka UI pack integration */
:root {
  --pv-ink-950:#0A1525;
  --pv-ink-900:#0F1E27;
  --pv-ink-800:#1A2938;
  --pv-mist-50:#F6FAFE;
  --pv-mist-100:#E8F3F3;
  --pv-cyan-500:#24B0E9;
  --pv-cyan-300:#4AC6F5;
  --pv-green-a:#4BC394;
  --pv-green-b:#65D26B;
  --pv-text-soft:#B8CBD9;
  --pv-danger:#F36B6B;
  --pv-warning:#F4B84A;
  --pv-brand-gradient:linear-gradient(135deg,#24B0E9 0%,#4AC6F5 42%,#4BC394 72%,#65D26B 100%);
  --pv-brand-gradient-flat:linear-gradient(90deg,#24B0E9 0%,#65D26B 100%);
  --pv-font-rounded:"Proveryalka Rounded","Nunito",ui-rounded,"Arial Rounded MT Bold","Varela Round","Avenir Next Rounded Std","Trebuchet MS",system-ui,sans-serif;
  --pv-ease:cubic-bezier(.2,.8,.24,1);
  --pv-panel:rgba(255,255,255,.88);
  --pv-panel-dark:rgba(10,21,37,.82);
}

html, body, button, input, textarea, select {
  font-family:var(--pv-font-rounded) !important;
}

body {
  background:
    radial-gradient(780px 360px at 15% -4%,rgba(36,176,233,.13),transparent 60%),
    radial-gradient(700px 420px at 92% 18%,rgba(101,210,107,.10),transparent 58%),
    var(--bg,#F3F4F6) !important;
}

[data-theme="dark"] body {
  background:
    radial-gradient(820px 420px at 18% -8%,rgba(36,176,233,.19),transparent 60%),
    radial-gradient(720px 420px at 96% 20%,rgba(101,210,107,.11),transparent 58%),
    linear-gradient(180deg,#07111f,#0A1525 52%,#07111f) !important;
}

.btn,
.shop-btn,
.auth-login-btn,
.load-more,
.apply-filters,
.reset-filters,
.qchat-open-btn,
.qd-claim,
.task-actions button,
.task-actions a,
.inline-actions button,
.photo-btn,
.mini-link,
.quest-action,
.qa-action,
.qa-links a,
.filter-actions button,
.price-card .btn {
  min-height:50px !important;
  border:0 !important;
  border-radius:19px !important;
  padding:13px 22px !important;
  color:var(--pv-ink-950) !important;
  background:var(--pv-brand-gradient) !important;
  box-shadow:
    0 8px 0 color-mix(in srgb,var(--pv-cyan-500),#06213a 34%),
    0 18px 38px rgba(36,176,233,.22),
    inset 0 1px 0 rgba(255,255,255,.44) !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  transition:transform .18s var(--pv-ease),box-shadow .18s var(--pv-ease),filter .18s ease !important;
}

.btn:hover,
.shop-btn:hover,
.auth-login-btn:hover,
.load-more:hover,
.apply-filters:hover,
.reset-filters:hover,
.qchat-open-btn:hover,
.qd-claim:hover {
  transform:translateY(-2px) !important;
  filter:brightness(1.07) saturate(1.05) !important;
  box-shadow:
    0 10px 0 color-mix(in srgb,var(--pv-cyan-500),#06213a 34%),
    0 24px 48px rgba(36,176,233,.28),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.btn:active,
.shop-btn:active,
.auth-login-btn:active,
.load-more:active,
.apply-filters:active,
.reset-filters:active,
.qchat-open-btn:active,
.qd-claim:active {
  transform:translateY(6px) scale(.99) !important;
  box-shadow:
    0 2px 0 color-mix(in srgb,var(--pv-cyan-500),#06213a 34%),
    0 9px 20px rgba(36,176,233,.18),
    inset 0 2px 8px rgba(10,21,37,.14) !important;
}

.btn-secondary,
.btn-soft,
.btn-ghost,
.shop-btn.btn-equip,
.shop-btn.btn-unequip,
.shop-btn.btn-used,
.mini-btn:not(.primary),
.profile-tabs button,
.auth-tabs button,
.friend-tab,
.local-tab,
.notif-tab,
.seg button,
.tab-item {
  color:var(--ink,#101828) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,254,.92)) !important;
  border:1px solid rgba(10,21,37,.08) !important;
  box-shadow:
    0 5px 0 rgba(10,21,37,.12),
    0 13px 28px rgba(10,21,37,.08),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-soft,
[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .shop-btn.btn-equip,
[data-theme="dark"] .shop-btn.btn-unequip,
[data-theme="dark"] .shop-btn.btn-used,
[data-theme="dark"] .mini-btn:not(.primary),
[data-theme="dark"] .profile-tabs button,
[data-theme="dark"] .auth-tabs button,
[data-theme="dark"] .friend-tab,
[data-theme="dark"] .local-tab,
[data-theme="dark"] .notif-tab,
[data-theme="dark"] .seg button,
[data-theme="dark"] .tab-item {
  color:#eaf6ff !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),
    rgba(10,21,37,.84) !important;
  border-color:rgba(184,203,217,.16) !important;
  box-shadow:
    0 5px 0 rgba(2,6,23,.82),
    0 16px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.auth-tabs,
.profile-tabs,
.friend-tabs,
.rt-subjects,
.pv-radio-inputs {
  border-radius:24px !important;
  padding:6px !important;
  gap:5px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),
    rgba(10,21,37,.08) !important;
  border:1px solid rgba(184,203,217,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(10,21,37,.08) !important;
}

[data-theme="dark"] .auth-tabs,
[data-theme="dark"] .profile-tabs,
[data-theme="dark"] .friend-tabs,
[data-theme="dark"] .rt-subjects,
[data-theme="dark"] .pv-radio-inputs {
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),rgba(10,21,37,.76) !important;
  border-color:rgba(184,203,217,.14) !important;
}

.verify-panel:not(.active) {
  display:none !important;
}

.auth-tabs button.active,
.profile-tabs button.active,
.friend-tab.active,
.local-tab.active,
.notif-tab.active,
.seg button.active,
.tab-item.active {
  color:var(--pv-ink-950) !important;
  background:var(--pv-brand-gradient) !important;
  border-color:rgba(255,255,255,.34) !important;
  box-shadow:0 8px 20px rgba(36,176,233,.22),inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.theme-toggle {
  width:76px !important;
  height:42px !important;
  border-radius:999px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#86d8ff,#e9fbff) !important;
  border:1px solid rgba(36,176,233,.34) !important;
  box-shadow:inset 0 -8px 16px rgba(36,176,233,.18),0 10px 22px rgba(36,176,233,.16) !important;
}

.theme-toggle::before {
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff8c7,#f4b84a);
  box-shadow:0 4px 12px rgba(244,184,74,.28);
  transition:transform .34s var(--pv-ease),background .34s var(--pv-ease);
}

.theme-toggle svg { display:none !important; }

[data-theme="dark"] .theme-toggle {
  background:linear-gradient(180deg,#102136,#07111f) !important;
  border-color:rgba(74,198,245,.32) !important;
  box-shadow:inset 0 8px 20px rgba(0,0,0,.34),0 12px 26px rgba(0,0,0,.32) !important;
}

[data-theme="dark"] .theme-toggle::before {
  transform:translateX(34px);
  background:
    radial-gradient(circle at 35% 35%,#d7e7ff 0 18%,transparent 19%),
    linear-gradient(135deg,#e8f3f3,#8aa2b8);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea,
.form-control,
.search-input,
.fipi-search,
.preview-text,
.field input,
.field select,
.profile-field input,
.profile-field textarea,
.friend-search input,
.promo-line input,
.promo-inline input,
.qchat-input input,
.pv-input,
.pv-textarea {
  width:100%;
  border:1px solid rgba(184,203,217,.16) !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,254,.92)) !important;
  color:var(--ink,#101828) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(10,21,37,.06) !important;
  font-weight:760 !important;
  letter-spacing:-.015em !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
.field input,
.field select {
  min-height:56px !important;
  padding:0 16px !important;
}

textarea,
.pv-textarea {
  min-height:150px !important;
  padding:16px !important;
  line-height:1.52 !important;
  resize:vertical;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.search-input:focus,
.fipi-search:focus,
.preview-text:focus {
  outline:none !important;
  border-color:rgba(74,198,245,.50) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 4px rgba(36,176,233,.13),0 16px 34px rgba(36,176,233,.12) !important;
}

[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .form-control,
[data-theme="dark"] .search-input,
[data-theme="dark"] .fipi-search,
[data-theme="dark"] .preview-text,
[data-theme="dark"] .field input,
[data-theme="dark"] .field select,
[data-theme="dark"] .profile-field input,
[data-theme="dark"] .profile-field textarea,
[data-theme="dark"] .friend-search input,
[data-theme="dark"] .promo-line input,
[data-theme="dark"] .promo-inline input,
[data-theme="dark"] .qchat-input input {
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035)),rgba(10,21,37,.82) !important;
  border-color:rgba(184,203,217,.16) !important;
  color:#f6fafe !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.20) !important;
}

.field {
  gap:12px !important;
}

.field svg,
.profile-field svg {
  width:24px !important;
  height:24px !important;
  color:var(--pv-cyan-500) !important;
  filter:drop-shadow(0 4px 10px rgba(36,176,233,.18));
}

.role-card .icon,
.feature .icon-wrap,
.icon-volumetric,
.rt-eyebrow-icon,
.rt-row-icon {
  width:48px !important;
  height:48px !important;
  border-radius:17px !important;
  background-color:rgba(255,255,255,.72) !important;
  background-size:34px 34px !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 20px rgba(36,176,233,.12) !important;
}

.role-card .icon svg,
.feature .icon-wrap svg,
.icon-volumetric svg {
  display:block !important;
}

.role-card .icon,
.feature .icon-wrap {
  background-image:none !important;
}

.rt-chip,
.mode-card,
.quality-card,
.feature,
.profile-card,
.profile-panel,
.teacher-card,
.teacher-panel,
.admin-card,
.blitz-panel,
.friend-panel,
.friend-card,
.card,
.panel,
.price-card {
  border-radius:28px !important;
  border:1px solid rgba(184,203,217,.16) !important;
  box-shadow:0 16px 36px rgba(10,21,37,.08) !important;
}

[data-theme="dark"] .rt-chip,
[data-theme="dark"] .mode-card,
[data-theme="dark"] .quality-card,
[data-theme="dark"] .feature,
[data-theme="dark"] .profile-card,
[data-theme="dark"] .profile-panel,
[data-theme="dark"] .teacher-card,
[data-theme="dark"] .teacher-panel,
[data-theme="dark"] .admin-card,
[data-theme="dark"] .blitz-panel,
[data-theme="dark"] .friend-panel,
[data-theme="dark"] .friend-card,
[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .price-card {
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032)),rgba(10,21,37,.78) !important;
  border-color:rgba(184,203,217,.14) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.26) !important;
}

.toast,
.dynamic-toast,
.error-box,
.success-box,
.pv-alert {
  border-radius:20px !important;
  border:1px solid rgba(184,203,217,.16) !important;
  border-left:5px solid var(--pv-cyan-500) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,250,254,.9)),
    linear-gradient(135deg,rgba(36,176,233,.13),transparent) !important;
  box-shadow:0 16px 34px rgba(10,21,37,.12),inset 0 1px 0 rgba(255,255,255,.82) !important;
  color:var(--ink,#101828) !important;
}

.toast.success,
.dynamic-toast.success,
.success-box { border-left-color:var(--pv-green-b) !important; }
.toast.error,
.dynamic-toast.error,
.error-box { border-left-color:var(--pv-danger) !important; }

[data-theme="dark"] .toast,
[data-theme="dark"] .dynamic-toast,
[data-theme="dark"] .error-box,
[data-theme="dark"] .success-box,
[data-theme="dark"] .pv-alert {
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),rgba(10,21,37,.92) !important;
  color:#f6fafe !important;
  border-color:rgba(184,203,217,.16) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.pv-search-box,
.friend-search,
.admin-search {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:62px !important;
  padding:6px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,254,.92)) !important;
  border:1px solid rgba(10,21,37,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 30px rgba(10,21,37,.08) !important;
}

.friend-search input,
.admin-search input,
.pv-search-input {
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  min-height:48px !important;
}

.friend-search .btn,
.admin-search .btn,
.pv-search-button {
  width:50px !important;
  min-width:50px !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 !important;
  border-radius:18px !important;
}

.pv-search-button img {
  width:26px;
  height:26px;
  object-fit:contain;
  filter:drop-shadow(0 2px 4px rgba(10,21,37,.18));
}