.am-kazalo-top{
  position:relative;
  padding:18px min(5vw,70px);
  background:linear-gradient(135deg,#101522,#26344d);
  border-bottom:1px solid rgba(239,204,143,.30);
}
.am-kazalo-page{
  background:
    radial-gradient(circle at top right,rgba(238,194,118,.22),transparent 36%),
    linear-gradient(180deg,#f5f1e9 0%,#e9edf3 100%);
  color:#263047;
  padding:34px min(5vw,72px) 76px;
}
.am-kazalo-hero,.am-kazalo-rule,.am-kazalo-grid,.am-kazalo-check,.am-kazalo-note{
  max-width:1240px;
  margin:0 auto 24px;
}
.am-kazalo-hero{
  border-radius:34px;
  padding:52px;
  background:
    linear-gradient(125deg,rgba(14,21,34,.96),rgba(45,55,78,.90)),
    url('../backgrounds/portal-bg.jpg') center/cover no-repeat;
  color:#fff3d7;
  border:1px solid rgba(176,139,81,.35);
  box-shadow:0 24px 78px rgba(34,40,55,.16);
}
.am-kazalo-kicker{
  display:inline-flex;
  padding:8px 13px;
  border:1px solid rgba(239,204,143,.55);
  border-radius:999px;
  color:#f1d48b;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.82rem;
}
.am-kazalo-hero h1{
  max-width:1040px;
  margin:22px 0 18px;
  font-size:clamp(2.35rem,5vw,5.35rem);
  line-height:.96;
  letter-spacing:-.055em;
  color:#fff8e8;
}
.am-kazalo-lead{
  max-width:980px;
  margin:0 0 20px;
  color:#ead8bb;
  font-size:clamp(1.07rem,1.8vw,1.35rem);
  line-height:1.62;
}
.am-kazalo-core{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.am-kazalo-core span{
  display:block;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(239,204,143,.25);
  color:#fff7df;
  font-weight:800;
  line-height:1.35;
}
.am-kazalo-rule,.am-kazalo-check,.am-kazalo-note{
  border-radius:28px;
  padding:28px;
  background:rgba(255,255,252,.92);
  border:1px solid rgba(176,139,81,.28);
  box-shadow:0 18px 58px rgba(34,40,55,.09);
}
.am-kazalo-rule h2,.am-kazalo-check h2{
  margin:0 0 12px;
  color:#263047;
  font-size:clamp(1.5rem,2.4vw,2.1rem);
  letter-spacing:-.03em;
}
.am-kazalo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.am-kazalo-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:250px;
  padding:26px;
  border-radius:28px;
  background:rgba(255,255,252,.94);
  border:1px solid rgba(176,139,81,.28);
  box-shadow:0 18px 58px rgba(34,40,55,.09);
  text-decoration:none;
  color:#263047;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.am-kazalo-card:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 76px rgba(34,40,55,.14);
  border-color:rgba(176,139,81,.55);
}
.am-kazalo-card small{
  align-self:flex-start;
  padding:7px 11px;
  border-radius:999px;
  background:#26344d;
  color:#f8df9b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.am-kazalo-card h2{
  margin:0;
  font-size:clamp(1.45rem,2.2vw,2.15rem);
  letter-spacing:-.035em;
  color:#1f2a40;
}
.am-kazalo-card p{
  margin:0;
  color:#4d5668;
  line-height:1.55;
}
.am-kazalo-actions{
  margin-top:auto;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.am-kazalo-actions span{
  display:inline-flex;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid rgba(38,52,77,.18);
  background:#f5f1e9;
  color:#26344d;
  font-weight:800;
}
.am-kazalo-check ol{
  margin:10px 0 0;
  padding-left:22px;
}
.am-kazalo-check li{
  margin:8px 0;
  line-height:1.5;
}
.am-kazalo-note{
  color:#5f6674;
}
.am-kazalo-linkbar{
  max-width:1240px;
  margin:0 auto 20px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.am-kazalo-linkbar a{
  display:inline-flex;
  padding:11px 14px;
  border-radius:999px;
  background:#26344d;
  color:#fff8e8;
  text-decoration:none;
  font-weight:900;
  border:1px solid rgba(239,204,143,.35);
}
.am-kazalo-inline-link{
  margin:18px 0 0;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(255,248,232,.10);
  border:1px solid rgba(239,204,143,.32);
}
.am-kazalo-inline-link a{
  color:#fff3d7;
  font-weight:900;
}
.am-kazalo-visible-link{
  margin:18px 0;
  padding:18px;
  border-radius:20px;
  background:#fff8e8;
  border:1px solid rgba(176,139,81,.30);
}
.am-kazalo-visible-link a{
  font-weight:900;
  color:#26344d;
}
@media (max-width:900px){
  .am-kazalo-hero{padding:34px 24px}
  .am-kazalo-core,.am-kazalo-grid{grid-template-columns:1fr}
}