/* Sinav merkezi: tek ekran secici */
.mz-bas { padding: 40px 0 120px; color: #fff;
          background: radial-gradient(900px 400px at 85% -20%, #2a43a8, transparent 65%), radial-gradient(700px 400px at 0% 120%, #1d2f80, transparent 60%), var(--lac); }
.mz-bas .iz, .mz-bas .iz a { color: #aab5dd; }
.mz-bas h1 { font-size: clamp(30px, 4.4vw, 48px); font-weight: 800; margin: 12px 0 8px; }
.mz-bas p { color: #c9d2f2; font-size: 17px; max-width: 620px; }
.ust { background: rgba(255,255,255,.9); }

.mz { margin-top: -88px; padding-bottom: 80px; }
.mz-secici { position: sticky; top: 76px; z-index: 6; display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: flex-end;
             background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border: 1px solid var(--cizgi); border-radius: 24px;
             padding: 18px 20px; box-shadow: var(--golge-buyuk); }
.mz-grup { display: grid; gap: 8px; }
.mz-etiket { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.mz-kurumlar, .mz-seviyeler { display: flex; gap: 8px; flex-wrap: wrap; background: var(--zemin); padding: 6px; border-radius: 18px; }
.mz-kurum, .mz-seviye { border: 0; cursor: pointer; font-family: inherit; color: var(--metin); background: transparent; border-radius: 13px;
                        transition: background .2s, color .2s, box-shadow .2s, transform .15s; }
.mz-kurum { display: grid; text-align: left; padding: 10px 18px; min-width: 132px; }
.mz-kurum b { font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.mz-kurum small { font-size: 12px; font-weight: 600; color: var(--soluk); }
.mz-kurum:hover, .mz-seviye:hover { background: var(--kart); }
.mz-kurum.sec { color: #fff; box-shadow: 0 8px 20px rgba(11,22,64,.22); }
.mz-kurum.sec small { color: rgba(255,255,255,.75); }
.mz-kurum.k-goethe.sec { background: linear-gradient(135deg, #16245e, #2c47b8); }
.mz-kurum.k-telc.sec { background: linear-gradient(135deg, #0f5a4a, #19b37a); }
.mz-kurum.k-osd.sec { background: linear-gradient(135deg, #5a1d3a, #c43c64); }
.mz-seviye { padding: 14px 22px; font-size: 18px; font-weight: 800; }
.mz-seviye.sec { background: var(--altin); color: var(--baslik); box-shadow: 0 8px 20px rgba(255,198,26,.35); }

.mz-panel { margin-top: 28px; }
.mz-panel.gir { animation: mz-gir .35s ease; }
@keyframes mz-gir { from { opacity: 0; transform: translateY(10px); } }
.mz-panel-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.mz-panel-bas h2 { font-size: 26px; font-weight: 800; color: var(--baslik); }
.mz-panel-bas h2 span { color: var(--soluk); font-weight: 600; }
.mz-panel-bas p { color: var(--soluk); font-size: 14px; margin-top: 4px; }
.mz-sayi { font-weight: 800; font-size: 14px; color: var(--lac3); background: #e9edfb; padding: 6px 12px; border-radius: 99px; }

.mz-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 18px; }
.mz-deneme { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 24px; padding: 20px; box-shadow: var(--golge); display: grid; gap: 14px; }
.mz-d-ust { display: flex; align-items: center; gap: 14px; }
.mz-d-no { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--lac); color: var(--altin); font-size: 22px; font-weight: 800; flex: none; }
.mz-d-ust b { display: block; font-size: 19px; color: var(--baslik); }
.mz-d-ust span { color: var(--soluk); font-size: 14px; font-weight: 600; }
.mz-tam { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; text-decoration: none; color: var(--baslik);
          background: var(--altin); font-weight: 800; transition: transform .15s, box-shadow .15s; box-shadow: 0 8px 22px rgba(255,198,26,.35); }
.mz-tam:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(255,198,26,.45); }
.mz-tam > span { display: grid; }
.mz-tam b { font-size: 17px; }
.mz-tam em { margin-left: auto; font-style: normal; display: flex; align-items: center; gap: 6px; font-size: 14px; }
.mz-bolumler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.mz-bolum { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 12px;
            border-radius: 14px; border: 1.5px solid var(--cizgi); text-decoration: none; color: var(--metin); transition: border-color .15s, background .15s, transform .15s; }
.mz-bolum:hover { transform: translateY(-2px); }
.mz-b-ikon { grid-row: span 2; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }
.mz-bolum b { font-size: 15px; } .mz-bolum small { color: var(--soluk); font-weight: 700; font-size: 12px; }
.t-dinleme .mz-b-ikon { background: #e9efff; color: var(--mavi); } .t-dinleme:hover { border-color: var(--mavi); background: #f5f8ff; }
.t-okuma .mz-b-ikon { background: var(--mint-acik); color: var(--mint); } .t-okuma:hover { border-color: var(--mint); background: #f4fcf8; }
.t-yazma .mz-b-ikon { background: #fff4d6; color: var(--altin-koyu); } .t-yazma:hover { border-color: var(--altin); background: #fffbf0; }
.t-konusma .mz-b-ikon { background: #f1eaff; color: var(--mor); } .t-konusma:hover { border-color: var(--mor); background: #faf7ff; }

.mz-bos { display: grid; justify-items: center; text-align: center; gap: 8px; background: var(--kart); border: 1.5px dashed var(--cizgi); border-radius: 24px; padding: 44px 20px; }
.mz-bos > span { font-size: 40px; }
.mz-bos b { font-size: 20px; color: var(--baslik); }
.mz-bos p { color: var(--soluk); max-width: 460px; margin-bottom: 8px; }

@media (max-width: 760px) {
  .mz-bas { padding: 28px 0 110px; }
  .mz-secici { top: 72px; padding: 14px; gap: 12px; border-radius: 20px; }
  .mz-grup { width: 100%; }
  .mz-kurumlar { display: grid; grid-template-columns: repeat(3, 1fr); }
  .mz-kurum { min-width: 0; padding: 10px; text-align: center; }
  .mz-kurum small { display: none; }
  .mz-seviyeler { display: grid; grid-template-columns: 1fr 1fr; }
  .mz-seviye { padding: 11px; }
  .mz-liste { grid-template-columns: 1fr; }
}

[data-tema="koyu"] .mz-secici { background: rgba(18,26,54,.96); border-color: var(--cizgi); }
[data-tema="koyu"] :is(.mz-kurumlar, .mz-seviyeler) { background: var(--kart2); }
[data-tema="koyu"] :is(.mz-kurum, .mz-seviye):not(.sec):hover { background: var(--kart); }
[data-tema="koyu"] .t-dinleme:hover, [data-tema="koyu"] .t-okuma:hover, [data-tema="koyu"] .t-yazma:hover, [data-tema="koyu"] .t-konusma:hover { background: var(--kart2); }
[data-tema="koyu"] :is(.t-dinleme, .t-okuma, .t-yazma, .t-konusma) .mz-b-ikon { background: var(--kart2); }
[data-tema="koyu"] .ust { background: var(--cam); }

@media (max-width: 760px) { .mz { margin-top: -48px; } }

.mz-d-no { color: var(--altin) !important; font-weight: 800; font-size: 18px; }