:root {
  --exam-youth-bg:#050c19;
  --exam-youth-panel:#081426;
  --exam-youth-text:#f7fbff;
  --exam-youth-muted:#a9b9cf;
}

:is(#exam-results,#exam-results-history).exam-results-section {
  position:relative;
  isolation:isolate;
  margin-block:42px;
  padding:clamp(20px,2.4vw,34px);
  overflow:hidden;
  border:1px solid rgba(84,180,255,.3);
  border-radius:30px;
  background:
    radial-gradient(circle at 5% 5%,rgba(32,206,255,.15),transparent 26%),
    radial-gradient(circle at 96% 12%,rgba(190,91,255,.14),transparent 29%),
    linear-gradient(145deg,rgba(8,29,54,.98),rgba(4,12,25,.99) 68%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 25px 70px rgba(0,0,0,.38);
}
:is(#exam-results,#exam-results-history).exam-results-section::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(76,188,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,188,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
:is(#exam-results,#exam-results-history) .section-head {
  align-items:flex-start;
  gap:18px;
}
:is(#exam-results,#exam-results-history) .section-title--exam {
  color:var(--exam-youth-text);
  font-size:clamp(27px,3vw,43px);
  line-height:1.12;
  letter-spacing:-.02em;
  text-shadow:0 0 26px rgba(67,205,255,.2);
}
:is(#exam-results,#exam-results-history) .exam-title-icon {
  width:48px;
  height:48px;
  display:inline-grid;
  place-items:center;
  margin-right:10px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:16px;
  color:#04111e;
  background:linear-gradient(145deg,#79f7ff,#2cc2ff 48%,#8f84ff);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.66),0 0 26px rgba(54,202,255,.42);
}
:is(#exam-results,#exam-results-history) .exam-total {
  vertical-align:middle;
  margin-left:10px;
  padding:7px 12px;
  border:1px solid rgba(91,211,255,.32);
  border-radius:999px;
  color:#a9edff;
  background:rgba(38,154,204,.13);
  font-size:14px;
  letter-spacing:0;
}
:is(#exam-results,#exam-results-history) .exam-results-intro {
  max-width:860px;
  margin:9px 0 22px;
  color:#bac9dc;
  font-size:16px;
  line-height:1.65;
}

.exam-result-tools {
  display:grid;
  gap:13px;
  margin:0 0 24px;
}
.exam-result-search {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:7px;
  border:1px solid rgba(100,190,255,.36);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(20,47,83,.88),rgba(8,21,41,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 26px rgba(0,0,0,.2);
}
.exam-result-search input {
  min-width:0;
  min-height:48px;
  padding:0 16px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  font:inherit;
  font-size:16px;
}
.exam-result-search input::placeholder { color:#8298b5; }
.exam-result-search:focus-within {
  border-color:#55dcff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 0 3px rgba(74,207,255,.16),0 14px 32px rgba(0,0,0,.25);
}
.exam-result-search button {
  min-width:116px;
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:13px;
  color:#04121f;
  background:linear-gradient(135deg,#63e7ff,#2aa8ff 62%,#8c7bff);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 7px 20px rgba(31,166,255,.32);
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.exam-result-filters {
  display:flex;
  gap:9px;
  padding:2px 1px 4px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.exam-result-filter {
  flex:0 0 auto;
  min-height:40px;
  padding:0 15px;
  border:1px solid rgba(126,161,206,.3);
  border-radius:999px;
  color:#c7d5e7;
  background:rgba(10,26,49,.82);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease;
}
.exam-result-filter:hover { transform:translateY(-1px); border-color:#65d9ff; color:#fff; }
.exam-result-filter[aria-pressed="true"] {
  color:#04131f;
  border-color:#7eeeff;
  background:linear-gradient(135deg,#7af6ff,#36c9ff);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 0 20px rgba(54,201,255,.28);
}
.exam-filter-status {
  min-height:21px;
  margin:0;
  color:#93a9c3;
  font-size:13px;
}

#exam-results-history .content-search {
  display:none;
}

#exam-results-history .content-list-summary {
  display:none;
}
.exam-history-policy {
  margin:0 0 20px;
  border-color:rgba(120,174,225,.22)!important;
  color:#9eb0c6!important;
  background:rgba(12,30,52,.58)!important;
}

:is(#exam-results,#exam-results-history) .exam-result-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(17px,1.7vw,24px);
}
:is(#exam-results,#exam-results-history) .exam-result-card {
  --exam-accent:#36d8ff;
  --exam-rgb:54,216,255;
  height:auto;
  min-height:390px;
  border:1.5px solid rgba(var(--exam-rgb),.92);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 100%,rgba(var(--exam-rgb),.15),transparent 34%),
    linear-gradient(158deg,rgba(12,36,65,.98),rgba(5,14,29,.99) 62%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 16px 36px rgba(0,0,0,.4),
    0 0 22px rgba(var(--exam-rgb),.2);
  transform:translateZ(0);
}
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n+1) { --exam-accent:#36d8ff;--exam-rgb:54,216,255; }
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n+2) { --exam-accent:#ff66bf;--exam-rgb:255,102,191; }
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n+3) { --exam-accent:#ae80ff;--exam-rgb:174,128,255; }
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n+4) { --exam-accent:#36e2d0;--exam-rgb:54,226,208; }
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n+5) { --exam-accent:#ffad33;--exam-rgb:255,173,51; }
:is(#exam-results,#exam-results-history) .exam-result-card:nth-child(6n) { --exam-accent:#a6ef43;--exam-rgb:166,239,67; }
:is(#exam-results,#exam-results-history) .exam-result-card:hover {
  transform:translateY(-5px);
  border-color:var(--exam-accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 22px 45px rgba(0,0,0,.48),0 0 30px rgba(var(--exam-rgb),.3);
}
:is(#exam-results,#exam-results-history) .exam-result-card[hidden] { display:none!important; }
:is(#exam-results,#exam-results-history) .exam-result-photo {
  flex:0 0 190px;
  border-bottom:1px solid rgba(var(--exam-rgb),.8);
  background:#07172d;
}
:is(#exam-results,#exam-results-history) .exam-result-photo::before {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(var(--exam-rgb),.32),transparent 32%),
    linear-gradient(115deg,rgba(var(--exam-rgb),.12),transparent 38%,rgba(255,255,255,.13) 51%,transparent 64%);
  mix-blend-mode:screen;
}
:is(#exam-results,#exam-results-history) .exam-result-photo::after {
  content:"";
  position:absolute;
  z-index:2;
  top:-35%;
  left:-45%;
  width:34%;
  height:180%;
  pointer-events:none;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transition:left .55s ease;
}
:is(#exam-results,#exam-results-history) .exam-result-card:hover .exam-result-photo::after { left:118%; }
:is(#exam-results,#exam-results-history) .exam-result-photo img {
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.12) contrast(1.05);
  transform:scale(1.01);
  transition:transform .35s ease,filter .35s ease;
}
:is(#exam-results,#exam-results-history) .exam-result-card:hover .exam-result-photo img {
  transform:scale(1.045);
  filter:saturate(1.2) contrast(1.06);
}
:is(#exam-results,#exam-results-history) .exam-result-chip {
  inset:14px auto auto 14px;
  z-index:3;
  width:auto;
  max-width:calc(100% - 28px);
  height:34px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:999px;
  color:#06131e;
  background:linear-gradient(135deg,rgba(255,255,255,.92),var(--exam-accent));
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(0,0,0,.32),0 0 18px rgba(var(--exam-rgb),.26);
  font-size:12px;
  font-weight:900;
}
:is(#exam-results,#exam-results-history) .exam-result-body {
  padding:17px 18px 16px;
}
:is(#exam-results,#exam-results-history) .exam-result-agency {
  gap:9px;
  margin-bottom:9px;
}
:is(#exam-results,#exam-results-history) .exam-result-logo {
  width:36px;
  height:36px;
  flex-basis:36px;
  border-color:rgba(var(--exam-rgb),.95);
  box-shadow:0 0 14px rgba(var(--exam-rgb),.2);
}
:is(#exam-results,#exam-results-history) .exam-result-agency strong {
  color:#dce9f8;
  font-size:14px;
}
:is(#exam-results,#exam-results-history) .exam-result-title {
  min-height:49px;
  margin:0 0 12px;
  color:#fff;
  font-size:18px;
  font-weight:850;
  line-height:1.35;
  -webkit-line-clamp:2;
}
:is(#exam-results,#exam-results-history) .exam-result-meta {
  gap:10px 14px;
  margin-top:auto;
  padding:11px 0 12px;
  color:#aebfd3;
  font-size:12px;
}
:is(#exam-results,#exam-results-history) .exam-result-meta span:first-child { display:none; }
:is(#exam-results,#exam-results-history) .exam-result-button {
  min-height:48px;
  margin-top:0;
  border:1px solid rgba(255,255,255,.48);
  border-radius:14px;
  color:#04131f;
  background:linear-gradient(135deg,rgba(255,255,255,.88),var(--exam-accent));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.58),0 8px 20px rgba(var(--exam-rgb),.22);
  font-size:15px;
  font-weight:900;
}
:is(#exam-results,#exam-results-history) .exam-result-button:hover,
:is(#exam-results,#exam-results-history) .exam-result-button:focus-visible {
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.exam-history-page {
  background:
    radial-gradient(circle at 8% 12%,rgba(22,175,255,.1),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(180,80,255,.09),transparent 28%),
    #040a14;
}
.exam-history-page .exam-detail-card {
  border-color:rgba(75,208,255,.48);
  border-radius:28px;
  background:
    radial-gradient(circle at 100% 0,rgba(161,82,255,.13),transparent 34%),
    linear-gradient(145deg,#0b223c,#071321 65%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 65px rgba(0,0,0,.46),0 0 34px rgba(53,193,255,.12);
}
.exam-history-page .exam-detail-visual { position:relative;overflow:hidden; }
.exam-history-page .exam-detail-visual::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(55,214,255,.12),transparent 42%,rgba(255,255,255,.12) 52%,transparent 64%);
}
.exam-history-page .exam-detail-cover { filter:saturate(1.1) contrast(1.04); }

@media (max-width:1180px) {
  :is(#exam-results,#exam-results-history) .exam-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  :is(#exam-results,#exam-results-history).exam-results-section { margin-block:26px;padding:16px 13px;border-radius:20px; }
  :is(#exam-results,#exam-results-history) .section-title--exam { font-size:27px; }
  :is(#exam-results,#exam-results-history) .exam-title-icon { width:40px;height:40px;border-radius:13px; }
  .exam-result-search { grid-template-columns:1fr; }
  .exam-result-search button { width:100%; }
  :is(#exam-results,#exam-results-history) .exam-result-grid { grid-template-columns:1fr;gap:17px; }
  :is(#exam-results,#exam-results-history) .exam-result-card { min-height:374px; }
  :is(#exam-results,#exam-results-history) .exam-result-photo { flex-basis:180px; }
  :is(#exam-results,#exam-results-history) .exam-result-title { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
  :is(#exam-results,#exam-results-history) .exam-result-card,
  :is(#exam-results,#exam-results-history) .exam-result-photo img,
  :is(#exam-results,#exam-results-history) .exam-result-photo::after,
  .exam-result-filter { transition:none!important; }
}