/* aurora-glass theme — deep navy + electric cyan, glassmorphism */
:root {
  --ag-bg:      #060d1a;
  --ag-surf:    rgba(255,255,255,.04);
  --ag-surf2:   rgba(255,255,255,.07);
  --ag-bdr:     rgba(255,255,255,.1);
  --ag-acc:     #00e5c8;
  --ag-acc-h:   #00ffd9;
  --ag-acc2:    #7c3aed;
  --ag-txt:     #e2e8f0;
  --ag-muted:   #64748b;
  --ag-blur:    blur(14px) saturate(1.4);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--ag-bg);
  color: var(--ag-txt);
  font-family: 'Outfit', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  min-height: 100vh;
}

/* Aurora gradient background mesh */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 40% at 20% 10%, rgba(0,229,200,.12) 0%, transparent 70%),
    radial-gradient(ellipse 50% 60% at 80% 80%, rgba(124,58,237,.1) 0%, transparent 70%),
    radial-gradient(ellipse 70% 50% at 50% 50%, rgba(6,13,26,1) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
body > * { position: relative; z-index: 1; }

a { color: var(--ag-acc); text-decoration: none; transition: color .2s; }
a:hover { color: var(--ag-acc-h); }
img { max-width: 100%; display: block; }

.bcock3 { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }

/* Glass mixin helper */
.rbix9 {
  background: var(--ag-surf);
  backdrop-filter: var(--ag-blur);
  -webkit-backdrop-filter: var(--ag-blur);
  border: 1px solid var(--ag-bdr);
  border-radius: 12px;
}

/* ─── HEADER ─── */
.elucl5 {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(6,13,26,.72);
  backdrop-filter: blur(20px) saturate(1.6);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  border-bottom: 1px solid var(--ag-bdr);
}
.znuci8 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  height: 56px;
  flex-wrap: wrap;
}
.npucb0 {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--ag-txt);
  white-space: nowrap;
}
.npucb0 span { color: var(--ag-acc); }
.equcp0 { display: flex; gap: 1.25rem; flex: 1; }
.equcp0 a { font-size: .88rem; color: var(--ag-muted); font-weight: 500; transition: color .2s; }
.equcp0 a:hover { color: var(--ag-txt); }
.ymucr4 {
  background: var(--ag-acc);
  color: #000;
  font-size: .82rem;
  font-weight: 700;
  padding: .45rem 1.1rem;
  border-radius: 6px;
  white-space: nowrap;
  letter-spacing: .02em;
  transition: background .2s, transform .15s;
}
.ymucr4:hover { background: var(--ag-acc-h); color: #000; transform: translateY(-1px); }
.jrucb9 { position: relative; }
.vtucs7 {
  background: var(--ag-surf);
  border: 1px solid var(--ag-bdr);
  border-radius: 6px;
  color: var(--ag-txt);
  font-size: .85rem;
  font-family: inherit;
  padding: .4rem .8rem;
  width: 180px;
  outline: none;
  transition: border-color .2s;
}
.vtucs7:focus { border-color: var(--ag-acc); }
.tsucj3 { display: none; }
.phadm8 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: rgba(6,13,26,.95);
  backdrop-filter: blur(16px);
  border: 1px solid var(--ag-bdr);
  border-radius: 8px;
  z-index: 999;
  overflow: hidden;
}
.phadm8 a {
  display: block;
  padding: .6rem .9rem;
  font-size: .85rem;
  color: var(--ag-txt);
  border-bottom: 1px solid var(--ag-bdr);
}
.phadm8 a:last-child { border-bottom: none; }
.phadm8 a:hover { background: var(--ag-surf2); color: var(--ag-acc); }

/* ─── MAIN ─── */
.czucf8 { padding: 2.5rem 0 4rem; }

/* ─── BREADCRUMB ─── */
.kpecw1 {
  font-size: .75rem;
  color: var(--ag-muted);
  margin-bottom: 1.5rem;
  letter-spacing: .04em;
}
.kpecw1 a { color: var(--ag-muted); }
.kpecw1 a:hover { color: var(--ag-acc); }

/* ─── CARDS — glassmorphism masonry (CSS columns) ─── */
.iqice4 {
  columns: 3;
  column-gap: 1rem;
  margin-bottom: 2rem;
}
.fvecq4 {
  break-inside: avoid;
  margin-bottom: 1rem;
  background: var(--ag-surf);
  backdrop-filter: var(--ag-blur);
  -webkit-backdrop-filter: var(--ag-blur);
  border: 1px solid var(--ag-bdr);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.fvecq4:hover {
  transform: translateY(-4px);
  border-color: rgba(0,229,200,.35);
  box-shadow: 0 8px 32px rgba(0,229,200,.1);
}
.agich7 { position: relative; overflow: hidden; }
.jcicc8 {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.fvecq4:hover .jcicc8 { transform: scale(1.04); }
.kfick8 {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(6,13,26,.7) 0%, transparent 55%);
}
.wwecb5 { padding: .85rem 1rem 1rem; }
.rkici4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--ag-txt);
  display: block;
  margin-bottom: .15rem;
}
.imicr2 {
  font-size: .78rem;
  color: var(--ag-muted);
  margin-bottom: .5rem;
}
.nxecn7 {
  font-size: .75rem;
  color: var(--ag-acc);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}
.nxecn7::before { content: '◈'; font-size: .65rem; }
.chicv8 { display: none; } /* full card is clickable via JS or wrapping <a> */

@media (max-width: 900px) { .iqice4 { columns: 2; } }
@media (max-width: 540px) { .iqice4 { columns: 1; } }

/* ─── PAGINATION ─── */
.dbada4 { display: flex; gap: .4rem; justify-content: center; flex-wrap: wrap; }
.dbada4 a, .dbada4 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  height: 2.4rem;
  padding: 0 .6rem;
  font-size: .85rem;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid var(--ag-bdr);
  color: var(--ag-muted);
  transition: all .2s;
}
.dbada4 a:hover { border-color: var(--ag-acc); color: var(--ag-acc); background: var(--ag-surf2); }
.dbada4 .sfoca2 { background: var(--ag-acc); color: #000; border-color: var(--ag-acc); }

/* ─── FOOTER ─── */
.afuci3 { border-top: 1px solid var(--ag-bdr); padding: 2.5rem 0 1.5rem; margin-top: 3rem; }
.bjucm7 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-bottom: 1.5rem; }
.khucr8 h4 { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--ag-acc); margin-bottom: .8rem; }
.khucr8 p { font-size: .85rem; color: var(--ag-muted); line-height: 1.7; }
.khucr8 ul { list-style: none; }
.khucr8 ul li { margin-bottom: .35rem; }
.khucr8 ul li a { font-size: .85rem; color: var(--ag-muted); }
.khucr8 ul li a:hover { color: var(--ag-acc); }
.ggucn6 { text-align: center; font-size: .78rem; color: var(--ag-muted); padding-top: 1.5rem; border-top: 1px solid var(--ag-bdr); }

@media (max-width: 700px) { .bjucm7 { grid-template-columns: 1fr; } }