.login-page,
.teacher-page,
.trainer-page,
.checker-page,
.profile-page,
.public-profile-page,
.activity-page,
.friends-page,
.daily-page,
.challenges-page,
.rewards-page,
.notifications-page,
.assignment-page,
.class-page,
.journal-page,
.review-page,
.dashboard-wrap {
  position: relative;
  background: transparent !important;
}
.login-page::before,
.teacher-page::before,
.profile-page::before,
.public-profile-page::before,
.dashboard-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    url("/static/brand/v2/patterns/dot-grid-brand.png") top right / 260px auto no-repeat,
    url("/static/brand/v2/patterns/orbital-swirl-lines.png") left bottom / 320px auto no-repeat;
  opacity: 0.36;
}
.login-page {
  background:
    linear-gradient(rgba(246, 250, 254, 0.82), rgba(246, 250, 254, 0.96)),
    url("/static/brand/v2/backgrounds/auth-mist-gradient.webp") center top / cover no-repeat !important;
}
[data-theme="dark"] .login-page {
  background:
    linear-gradient(rgba(7, 17, 27, 0.88), rgba(7, 17, 27, 0.96)),
    url("/static/brand/v2/backgrounds/hero-dark-premium.webp") center top / cover no-repeat !important;
}
.login-card {
  width: min(100%, 560px);
  padding: 36px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(36, 176, 233, 0.14) !important;
  box-shadow: 0 28px 80px rgba(10, 21, 37, 0.12) !important;
  overflow: hidden;
}
.login-card::before {
  background:
    radial-gradient(circle at 100% 0, rgba(36, 176, 233, 0.16), transparent 42%),
    radial-gradient(circle at 0 100%, rgba(101, 210, 107, 0.12), transparent 38%) !important;
  filter: none !important;
}
.login-card::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 160px;
  height: 160px;
  background: url("/static/brand/v2/effects/transparent/success-check-glow.png") center / contain no-repeat;
  opacity: 0.18;
  pointer-events: none;
}
[data-theme="dark"] .login-card::after {
  opacity: 0.15;
}
.login-logo {
  margin: 0 auto 22px !important;
}
.login-card h1 {
  font-size: clamp(2rem, 5vw, 2.7rem) !important;
  color: var(--ink-heading) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
.lead {
  max-width: 420px;
}
.verify-panel,
.security-step {
  border-radius: 24px !important;
  border-color: rgba(36, 176, 233, 0.16) !important;
}
.role-card {
  border-radius: 20px !important;
}
.role-card.active {
  border-color: rgba(36, 176, 233, 0.24) !important;
  background: linear-gradient(135deg, rgba(36, 176, 233, 0.08), rgba(101, 210, 107, 0.08)) !important;
  box-shadow: 0 14px 28px rgba(36, 176, 233, 0.14) !important;
}
.feature {
  border-radius: 20px !important;
}
.feature .icon-wrap,
.action-icon,
.toolbar-icon,
.task-index,
.public-avatar-stage,
.avatar,
.quest-icon {
  background: linear-gradient(145deg, rgba(36, 176, 233, 0.16), rgba(101, 210, 107, 0.16)) !important;
  border: 1px solid rgba(36, 176, 233, 0.14);
}
.dashboard-wrap {
  padding: 40px 0 78px !important;
}
.dash-head h1,
.teacher-hero h1,
.trainer-hero h1,
.checker-hero h1,
.profile-page h1,
.public-profile-card h1 {
  font-size: clamp(2.3rem, 5vw, 4rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.05em !important;
}
.dashboard-wrap .profile-card,
.quant-card,
.teacher-page .journal-card,
.trainer-hero,
.checker-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(rgba(10, 21, 37, 0.7), rgba(10, 21, 37, 0.9)),
    url("/static/brand/v2/backgrounds/hero-dark-premium.webp") center / cover no-repeat !important;
  border: 1px solid rgba(184, 203, 217, 0.12) !important;
  box-shadow: 0 30px 74px rgba(10, 21, 37, 0.22) !important;
  color: #f3fbff !important;
}
.dashboard-wrap .profile-card::after,
.quant-card::after,
.teacher-page .journal-card::after,
.trainer-hero::after,
.checker-hero::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 14px;
  width: 120px;
  height: 120px;
  background: url("/static/brand/v2/logo/mark/png/proveryalka-mark-256.png") center / contain no-repeat;
  opacity: 0.18;
  pointer-events: none;
}
.trainer-hero::after,
.checker-hero::after {
  width: 196px;
  height: 196px;
  right: 32px;
  bottom: 0;
  opacity: 0.34;
  background-image: url("/static/brand/v2/ui-snippets/png/dashboard-fragment-dark.png");
}
.dashboard-wrap .profile-card h2,
.dashboard-wrap .profile-card p,
.dashboard-wrap .profile-metrics span,
.quant-card h1,
.quant-card .quant-subtitle,
.checker-hero .hero-copy h1,
.teacher-page .journal-head h2,
.trainer-hero p,
.checker-hero p {
  color: #f3fbff !important;
}
.checker-hero .trust-row span,
.trainer-hero .trust-row span {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(184, 203, 217, 0.14) !important;
  color: #f3fbff !important;
}
.dashboard-wrap .profile-metrics div,
.class-stats,
.stat-card,
.panel-lite,
.teacher-page .action-card,
.teacher-page .class-card {
  border-radius: 24px !important;
}
.dashboard-wrap .profile-metrics div {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(184, 203, 217, 0.12) !important;
}
.side-links {
  padding: 8px;
}
.side-links a {
  border-radius: 16px;
  margin-bottom: 6px;
  border-bottom: 0 !important;
}
.side-links a:last-child {
  margin-bottom: 0;
}
.stat-card .num,
.stat-card b,
.class-stat .v,
.profile-metrics b,
.spark + * b,
.task-index .n {
  color: var(--ink-heading) !important;
}
.spark i,
.bar i,
.hud-level-bar i,
.ring,
.duo-progress i,
.week-progress i {
  background: var(--pv-brand-gradient) !important;
}
.teacher-hero,
.trainer-shell,
.profile-hero,
.public-profile-shell {
  gap: 24px !important;
}
.teacher-page .section-head,
.teacher-page .journal-head,
.dashboard-wrap .dash-head {
  align-items: center !important;
}
.teacher-page .action-card::before {
  background: linear-gradient(135deg, rgba(36, 176, 233, 0.1), rgba(101, 210, 107, 0.08), transparent) !important;
}
.teacher-page .journal-row:not(.header) {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(184, 203, 217, 0.1) !important;
  border-radius: 18px !important;
}
.teacher-page .journal-row.header {
  color: rgba(243, 251, 255, 0.58) !important;
}
.teacher-page .status.done {
  background: rgba(101, 210, 107, 0.14) !important;
  border-color: rgba(101, 210, 107, 0.24) !important;
  color: #7fe08f !important;
}
.teacher-page .status.check {
  background: rgba(245, 185, 73, 0.14) !important;
  border-color: rgba(245, 185, 73, 0.24) !important;
  color: #ffd27a !important;
}
.teacher-page .status.late {
  background: rgba(240, 82, 82, 0.14) !important;
  border-color: rgba(240, 82, 82, 0.24) !important;
  color: #ff9c9c !important;
}
.trainer-page,
.checker-page {
  padding-bottom: 80px;
}
.trainer-hero,
.checker-hero {
  border-radius: 36px !important;
  padding: 34px 32px !important;
}
.trainer-shell,
.trainer-main,
.checker-page .container {
  position: relative;
  z-index: 1;
}
.trainer-sidebar .filter-card,
.trainer-sidebar .work-card,
.toolbar,
.task-card,
.task-body,
.preview-editor,
.camera-card {
  border-radius: 26px !important;
}
.task-card {
  border-left: 4px solid rgba(36, 176, 233, 0.4) !important;
}
.task-card.correct {
  border-left-color: rgba(101, 210, 107, 0.68) !important;
}
.task-card.incorrect {
  border-left-color: rgba(240, 82, 82, 0.64) !important;
}
.task-index {
  color: var(--brand) !important;
  border-radius: 22px !important;
}
.task-index .label,
.task-source,
.toolbar-stats,
.active-filter,
.quality-badge {
  color: var(--muted) !important;
}
.result-hero,
.score-panel,
.preview-box,
.review-note,
.exam-step,
.audio-dock {
  border-radius: 26px !important;
}
.quality-badge,
.pill.blue,
.active-filter,
.task-index .label {
  background: rgba(36, 176, 233, 0.08) !important;
  border-color: rgba(36, 176, 233, 0.16) !important;
}
.pill.green,
.exam-step.done,
.security-step.done {
  background: rgba(101, 210, 107, 0.1) !important;
  border-color: rgba(101, 210, 107, 0.18) !important;
}
.profile-page {
  padding: 44px 0 90px !important;
}
.quant-card {
  border-radius: 36px !important;
  box-shadow: 0 32px 74px rgba(10, 21, 37, 0.24) !important;
}
.quant-profile-stage {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: inset 0 0 0 1px rgba(36, 176, 233, 0.14), 0 18px 34px rgba(10, 21, 37, 0.16) !important;
}
.quant-profile-bg {
  background:
    linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.98)),
    url("/static/brand/v2/patterns/dot-grid-brand.png") center / 180px auto repeat !important;
}
.quant-card .stat-row .stat,
.outfit-card,
.inventory-card,
.profile-panel,
.profile-tabs,
.public-tabs {
  border-radius: 24px !important;
}
.profile-tabs,
.public-tabs,
.notif-tabs {
  padding: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface-dim) 94%, transparent) !important;
  border: 1px solid var(--line);
}
.public-profile-page {
  padding: 42px 0 86px !important;
}
.public-profile-card,
.public-panel,
.public-card {
  backdrop-filter: blur(14px);
}
.public-profile-card::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 18px;
  width: 104px;
  height: 104px;
  background: url("/static/brand/v2/icons/tiles/light-128/bulb.png") center / contain no-repeat;
  opacity: 0.16;
  pointer-events: none;
}
.friends-page .week-panel,
.activity-page .week-panel,
.rewards-page .reward-side,
.daily-page .path-card,
.challenges-page .setup-card,
.notifications-page .note-card {
  overflow: hidden;
}
.friends-page .week-panel::after,
.activity-page .week-panel::after,
.rewards-page .reward-side::after,
.daily-page .path-card::after,
.challenges-page .setup-card::after,
.notifications-page .note-card::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 12px;
  width: 90px;
  height: 90px;
  background: url("/static/brand/v2/effects/transparent/streak-fire-flat-glow.png") center / contain no-repeat;
  opacity: 0.16;
  pointer-events: none;
}
.lesson-node,
.friend-avatar,
.activity-row .mark {
  box-shadow: 0 10px 22px rgba(36, 176, 233, 0.12) !important;
}
.challenge.done,
.reward-card.active,
.boost-card {
  background:
    linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)),
    url("/static/brand/v2/patterns/checkmarks-soft.png") center / 180px auto repeat !important;
}
[data-theme="dark"] .challenge.done,
[data-theme="dark"] .reward-card.active,
[data-theme="dark"] .boost-card {
  background:
    linear-gradient(rgba(18, 35, 52, 0.9), rgba(18, 35, 52, 0.9)),
    url("/static/brand/v2/patterns/checkmarks-soft.png") center / 180px auto repeat !important;
}
.platform-page .ph-card,
.platform-page .ph-stat,
.platform-page .ph-side {
  border-radius: 28px !important;
}
@media (max-width: 1080px) {
  .teacher-hero,
  .trainer-shell,
  .profile-hero,
  .public-profile-shell {
    grid-template-columns: 1fr !important;
  }
  .trainer-hero::after,
  .checker-hero::after {
    width: 140px;
    height: 140px;
    right: 18px;
  }
}
@media (max-width: 720px) {
  .platform-page .ph-hero {
    padding: 28px 0 18px !important;
  }
  .platform-page .ph-hero-grid,
  .platform-page .ph-daily {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .platform-page .ph-art {
    min-height: 290px !important;
  }
  .platform-page .ph-brand-visual-stage {
    width: min(300px, 82vw) !important;
  }
  .platform-page .ph-stats,
  .platform-page .ph-grid-3,
  .platform-page .ph-grid-4 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .platform-page .ph-section,
  .platform-page .ph-section.compact {
    padding: 26px 0 !important;
  }
  .platform-page .ph-head {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }
  .platform-page .ph-plan {
    min-height: auto !important;
    padding: 22px !important;
  }
  .platform-page .ph-goals {
    margin: 14px 0 18px !important;
  }
  .platform-page .ph-goal {
    min-height: 0 !important;
  }
  .platform-page .ph-side {
    padding: 18px !important;
  }
  .login-card {
    padding: 28px 22px !important;
  }
  .dashboard-wrap,
  .teacher-page,
  .trainer-page,
  .checker-page,
  .profile-page,
  .public-profile-page {
    padding-top: 28px !important;
  }
  .trainer-hero,
  .checker-hero {
    padding: 26px 22px !important;
  }
  .login-card::after,
  .dashboard-wrap .profile-card::after,
  .quant-card::after,
  .teacher-page .journal-card::after {
    width: 88px;
    height: 88px;
  }
}