/* Seviye tespit testi (/seviye-tespit) — eski renkler: lacivert #1e3c72/#2a5298, altın #f39c12/#f5b942 */
.st{--sn:#1e3c72;--sn2:#2a5298;--sa:#f39c12;--sa2:#f5b942;--sy:#27ae60;--sk:#e74c3c;--sb:#e4e7ec}
.st-intro{position:relative;overflow:hidden;border-radius:28px;padding:44px 40px;color:#fff;background:linear-gradient(135deg,var(--sn),var(--sn2));box-shadow:0 24px 60px rgba(30,60,114,.28)}
.st-intro::before,.st-intro::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.st-intro::before{width:340px;height:340px;right:-90px;top:-120px;background:radial-gradient(circle,rgba(243,156,18,.35),transparent 70%)}
.st-intro::after{width:260px;height:260px;left:-80px;bottom:-140px;background:radial-gradient(circle,rgba(245,185,66,.25),transparent 70%)}
.st-etiket{display:inline-block;padding:6px 14px;border-radius:999px;border:1.5px solid var(--sa2);color:var(--sa2);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.st-intro h1{position:relative;margin:16px 0 12px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff}
.st-intro h1 span{color:var(--sa2)}
.st-intro p{position:relative;margin:0;max-width:620px;opacity:.92;line-height:1.65}
.st-cipler{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.st-cipler span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:13.5px;font-weight:700}
.st-cipler .fa{color:var(--sa2)}

.st-alan{background:#f9f9fb;border:1px solid #eef0f6;border-radius:28px;padding:34px 20px;scroll-margin-top:calc(var(--ust-yukseklik,0px) + 90px)}
:where(.dark) .st-alan{background-color:#1b2048;border:1px solid rgba(255,255,255,0.08)}
.st-ekran{display:none;max-width:760px;margin:0 auto;flex-direction:column;gap:16px}
.st-ekran.on{display:flex}
.st-kart{background:#fff;border:1px solid var(--sb);border-radius:22px;padding:30px;box-shadow:0 10px 30px rgba(30,60,114,.06)}
:where(.dark) .st-kart{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.st-giris{text-align:center}
.st-ikon{width:76px;height:76px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,var(--sn),var(--sn2));box-shadow:0 12px 26px rgba(30,60,114,.3)}
.st-giris h2{margin:0 0 10px;font-size:24px;color:var(--sn)}
:where(.dark) .st-giris h2{color:#97b2e4}
.st-giris p{margin:0 auto;max-width:520px;color:#4b5563;line-height:1.65}
:where(.dark) .st-giris p{color:#d5d8ee}
.st-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px auto;max-width:460px}
.st-meta div{padding:14px 8px;border-radius:16px;background:#f6f8fd;border:1px solid #eef0f6}
:where(.dark) .st-meta div{background-color:#1b2048;border:1px solid rgba(255,255,255,0.08)}
.st-meta b{display:block;font-size:22px;color:var(--sa);font-weight:900}
.st-meta span{font-size:12.5px;color:#6b7280;font-weight:700}
:where(.dark) .st-meta span{color:#aeb3d1}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 26px;border-radius:999px;border:0;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;background:linear-gradient(120deg,var(--sn),var(--sn2));color:#fff;box-shadow:0 12px 24px rgba(30,60,114,.25);transition:transform .2s,box-shadow .2s}
.st-btn:hover{transform:translateY(-2px);color:#fff}
.st-btn.altin{background:linear-gradient(120deg,var(--sa),var(--sa2));color:#3b2300;box-shadow:0 12px 26px rgba(243,156,18,.35)}
.st-btn.altin:hover{color:#3b2300}
.st-btn.cizgi{background:#fff;color:var(--sn);border:2px solid var(--sn);box-shadow:none}
:where(.dark) .st-btn.cizgi{background-color:#161a3d;color:#97b2e4}
.st-btn.cizgi:hover{color:var(--sn)}
:where(.dark) .st-btn.cizgi:hover{color:#97b2e4}
.st-btn .fa{width:1em;height:1em}
.st-ipucu{display:block;margin-top:14px;color:#9aa3bb;font-size:12.5px}
:where(.dark) .st-ipucu{color:#7d83a8}
.st-devam{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 14px;padding:14px;border-radius:16px;background:#fff8eb;border:1px solid #fde3b0;color:#7c4a03;font-size:14px;max-width:460px}
:where(.dark) .st-devam{background-color:rgba(230,176,77,0.16);border:1px solid rgba(235,179,71,0.35);color:#f39a1b}
.st-gecmis h3{margin:0 0 12px;font-size:16px;color:var(--sn);display:flex;align-items:center;gap:8px}
:where(.dark) .st-gecmis h3{color:#97b2e4}
.st-gecmis ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.st-gecmis li{display:grid;grid-template-columns:60px 70px 1fr;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#f6f8fd;font-size:14px}
:where(.dark) .st-gecmis li{background-color:#1b2048}
.st-gecmis li b{color:var(--sn)}
:where(.dark) .st-gecmis li b{color:#97b2e4}.st-gecmis li small{color:#6b7280;text-align:right}
:where(.dark) .st-gecmis li small{color:#aeb3d1}

.st-ilerleme{background:#fff;border:1px solid var(--sb);border-radius:18px;padding:16px 20px}
:where(.dark) .st-ilerleme{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.st-ilerleme-ust{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:#6b7280;margin-bottom:10px}
:where(.dark) .st-ilerleme-ust{color:#aeb3d1}
.st-ilerleme-ust b{margin-left:auto;color:var(--sn);font-size:14px}
:where(.dark) .st-ilerleme-ust b{color:#97b2e4}
.st-sure{font-variant-numeric:tabular-nums;padding:2px 10px;border-radius:999px;background:#f1f3fb;color:#3b3f55}
:where(.dark) .st-sure{background-color:#1b2048;color:#d5d8ee}
.st-cubuk{height:8px;border-radius:999px;background:#eef0f6;overflow:hidden}
:where(.dark) .st-cubuk{background-color:#1b2048}
.st-cubuk i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--sn),var(--sa));transition:width .45s}
.st-soru-kart{animation:stBelir .35s ease}
.st-soru-kart.yeni{animation:stBelir2 .3s ease}
@keyframes stBelir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes stBelir2{from{opacity:.2;transform:translateX(12px)}to{opacity:1;transform:none}}
.st-kat{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--sn);color:var(--sa2);font-size:12px;font-weight:800;letter-spacing:.06em}
.st-soru{margin:14px 0 6px;font-size:1.15rem;font-weight:700;color:#1f2937;line-height:1.5}
:where(.dark) .st-soru{color:#eef0fa}
.st-alt{margin:0 0 6px;color:#6b7280;font-style:italic;font-size:15.5px}
:where(.dark) .st-alt{color:#aeb3d1}
.st-siklar{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.st-sik{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 16px;border-radius:16px;border:1.5px solid var(--sb);background:#fff;font:inherit;font-size:15px;color:#1f2937;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
:where(.dark) .st-sik{border:1.5px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#eef0fa}
.st-sik:hover:not(:disabled){border-color:var(--sa);background:#fffbf2;transform:translateX(5px)}
:where(.dark) .st-sik:hover:not(:disabled){background-color:#1b2048}
.st-sik:focus-visible{outline:3px solid rgba(243,156,18,.45);outline-offset:2px}
.st-sik i{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800;background:#f1f3fb;color:var(--sn)}
:where(.dark) .st-sik i{background-color:#1b2048;color:#97b2e4}
.st-sik:disabled{cursor:default}
.st-sik.dogru{border-color:var(--sy);background:#eafaf1}
:where(.dark) .st-sik.dogru{background-color:rgba(90,216,145,0.16)}.st-sik.dogru i{background:var(--sy);color:#fff}
.st-sik.yanlis{border-color:var(--sk);background:#fdecea}
:where(.dark) .st-sik.yanlis{background-color:rgba(230,93,77,0.16)}.st-sik.yanlis i{background:var(--sk);color:#fff}
.st-geri{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px 16px;border-radius:16px;flex-wrap:wrap}
.st-geri.ok{background:#eafaf1;color:#145a32}
:where(.dark) .st-geri.ok{background-color:rgba(90,216,145,0.16);color:#2bc26c}.st-geri.no{background:#fdecea;color:#7b241c}
:where(.dark) .st-geri.no{background-color:rgba(230,93,77,0.16);color:#e5958d}
.st-geri p{margin:0;flex:1;min-width:220px;line-height:1.55;font-size:14.5px}
.st-geri .st-btn{height:44px}

.st-yukle{text-align:center;padding:50px 30px}
.st-donen{width:60px;height:60px;margin:0 auto 18px;border-radius:50%;border:5px solid #fdecc8;border-top-color:var(--sa);animation:stDon .9s linear infinite}
:where(.dark) .st-donen{border:5px solid rgba(235,182,71,0.35)}
@keyframes stDon{to{transform:rotate(360deg)}}
.st-yukle h2{margin:0 0 8px;color:var(--sn);font-size:20px}
:where(.dark) .st-yukle h2{color:#97b2e4}
.st-yukle p{margin:0;color:#6b7280}
:where(.dark) .st-yukle p{color:#aeb3d1}
.st-nokta i{font-style:normal;color:var(--sa);font-weight:900;animation:stNokta 1.2s infinite}
.st-nokta i:nth-child(2){animation-delay:.2s}.st-nokta i:nth-child(3){animation-delay:.4s}
@keyframes stNokta{0%,100%{opacity:.2}50%{opacity:1}}

.st-sonuc-bas{text-align:center}
.st-sonuc-bas h2{margin:0;color:var(--sn);font-size:26px}
:where(.dark) .st-sonuc-bas h2{color:#97b2e4}
.st-sonuc-bas p{margin:4px 0 0;color:#6b7280}
:where(.dark) .st-sonuc-bas p{color:#aeb3d1}
.st-skor{display:flex;align-items:center;gap:28px;padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--sn),var(--sn2));box-shadow:0 20px 44px rgba(30,60,114,.28)}
.st-halka{--d:0deg;flex:none;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sa) var(--d),rgba(255,255,255,.15) var(--d));box-shadow:0 0 30px rgba(243,156,18,.45)}
.st-halka>div{width:100px;height:100px;border-radius:50%;background:var(--sn);display:flex;flex-direction:column;align-items:center;justify-content:center}
.st-halka b{font-size:2rem;font-weight:900;color:var(--sa2);line-height:1}
.st-halka span{font-size:13px;opacity:.8}
.st-rozet{display:inline-block;padding:7px 16px;border-radius:999px;background:linear-gradient(120deg,var(--sa),var(--sa2));color:#3b2300;font-weight:900;font-size:15px}
.st-skor-sag p{margin:12px 0 14px;line-height:1.6;opacity:.95}
.st-paylas{display:flex;gap:8px;flex-wrap:wrap}
.st-paylas button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.st-paylas button:hover{background:rgba(255,255,255,.2)}
.st-paylas em{font-style:normal}
.st-paylas .fa{width:14px;height:14px}
.st-metrikler{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.st-metrikler div{background:#fff;border:1px solid var(--sb);border-radius:18px;padding:16px 10px;text-align:center}
:where(.dark) .st-metrikler div{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.st-metrikler span{font-size:22px}
.st-metrikler b{display:block;font-size:1.5rem;color:var(--sn);font-weight:900;margin:4px 0 2px}
:where(.dark) .st-metrikler b{color:#97b2e4}
.st-metrikler small{color:#6b7280;font-weight:700}
:where(.dark) .st-metrikler small{color:#aeb3d1}
.st-ai-bas{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.st-ai-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#eef2ff}
:where(.dark) .st-ai-ic{background-color:rgba(77,113,230,0.16)}
.st-ai-bas b{display:block;color:var(--sn)}
:where(.dark) .st-ai-bas b{color:#97b2e4}.st-ai-bas small{color:#6b7280;font-size:12.5px}
:where(.dark) .st-ai-bas small{color:#aeb3d1}
.st-ai-govde{color:#374151;line-height:1.75;font-size:15px}
:where(.dark) .st-ai-govde{color:#d5d8ee}
.st-ai-govde p{margin:0 0 12px}.st-ai-govde p:last-child{margin:0}
.st-yol h3{margin:0 0 16px;color:var(--sn);font-size:18px;display:flex;align-items:center;gap:8px}
:where(.dark) .st-yol h3{color:#97b2e4}
.st-yol ol{list-style:none;margin:0;padding:0;counter-reset:sy;display:flex;flex-direction:column;gap:12px}
.st-yol li{counter-increment:sy;display:flex;align-items:center;gap:14px;font-size:15px;color:#374151}
:where(.dark) .st-yol li{color:#d5d8ee}
.st-yol li::before{content:counter(sy);flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--sn);color:var(--sa2);font-weight:900}
.st-yanlis{padding:0}
.st-yanlis summary{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;cursor:pointer;list-style:none;font-weight:800;color:var(--sn)}
:where(.dark) .st-yanlis summary{color:#97b2e4}
.st-yanlis summary::-webkit-details-marker{display:none}
.st-yanlis summary span{display:flex;align-items:center;gap:8px}
.st-yanlis summary b{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#fdecea;color:var(--sk)}
:where(.dark) .st-yanlis summary b{background-color:rgba(230,93,77,0.16);color:#f29b92}
.st-yanlis>div{padding:0 26px 22px;display:flex;flex-direction:column;gap:12px}
.st-y{padding:14px 16px;border-radius:14px;background:#fafbff;border:1px solid #eef0f6;font-size:14.5px;line-height:1.55}
:where(.dark) .st-y{background-color:#1b2048;border:1px solid rgba(255,255,255,0.08)}
.st-y h4{margin:0 0 6px;font-size:14.5px;color:#1f2937}
:where(.dark) .st-y h4{color:#eef0fa}
.st-y .s{color:var(--sk)}
:where(.dark) .st-y .s{color:#f29b92}.st-y .d{color:var(--sy);font-weight:700}
:where(.dark) .st-y .d{color:#2ecb70}
.st-y p{margin:6px 0 0;color:#4b5563}
:where(.dark) .st-y p{color:#d5d8ee}
.st-cta{padding:30px;border-radius:24px;background:linear-gradient(135deg,#fffaf0,#fff3d6);border:2px solid var(--sa2);text-align:center}
:where(.dark) .st-cta{background-image:linear-gradient(135deg,#1b2048,rgba(230,185,77,0.16))}
.st-cta h3{margin:0 0 8px;font-size:22px;color:var(--sn)}
:where(.dark) .st-cta h3{color:#97b2e4}
.st-cta p{margin:0 0 18px;color:#5b4a2a}
:where(.dark) .st-cta p{color:#c4ab7e}
.st-cta-btn{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

@media (max-width:640px){
  .st-intro{padding:30px 22px;border-radius:22px}
  .st-alan{padding:20px 10px;border-radius:22px}
  .st-kart{padding:22px 18px;border-radius:18px}
  .st-meta{gap:8px}.st-meta b{font-size:18px}
  .st-skor{flex-direction:column;text-align:center;padding:24px 18px}.st-paylas{justify-content:center}
  .st-metrikler{grid-template-columns:repeat(2,1fr)}
  .st-gecmis li{grid-template-columns:50px 60px 1fr}
  .st-geri .st-btn{width:100%}
  .st-cta{padding:22px 16px}.st-cta-btn .st-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.st-soru-kart,.st-soru-kart.yeni,.st-donen,.st-nokta i{animation:none}}

.st{--ar-baslik:#1e3c72;--ar-vurgu:#f39c12}