.test,.yuzde-halka{box-sizing:border-box}.hidden,figure.single-thumbnail{display:none}.test{max-width:800px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);padding:20px;display:flex;justify-content:center;align-items:center;margin:2em auto;color:#000}.test-sinav{display:flex;flex-direction:column;align-items:center;gap:20px}.test-sinav>div{font-size:18px;font-weight:700;margin-bottom:1em;color:#6495ed}.test-sonuc{display:none;flex-direction:column;align-items:center;text-align:center;gap:20px}.butonlar,.sonuc-yuzde,.test-sonuc.visible{display:flex}.test-sonuc p{margin-bottom:24px}.soru-gorsel{width:clamp(200px,80vw,330px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px}.butonlar{gap:20px;margin-bottom:20px}.buton{padding:12px 30px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s}.evet{background-color:#4caf50;color:#fff}.hayir{background-color:#f44336;color:#fff}.buton:hover{opacity:.9;transform:translateY(-2px)}.sonuc-yuzde{position:relative;width:200px;height:200px;justify-content:center;align-items:center;font-size:48px;font-weight:700}.yuzde-halka{position:absolute;width:100%;height:100%;border-radius:50%}.halka-taban{border:10px solid #eee}.halka-dolum{border:10px solid;clip-path:inset(0 0 0 50%);transform:rotate(0);animation:3s forwards dolum}.halka-yesil{border-color:#4caf50}.halka-turuncu{border-color:#ff9800}.halka-kirmizi{border-color:#f44336}@keyframes dolum{from{transform:rotate(0)}to{transform:rotate(calc(var(--yuzde) * 3.6deg))}}.yeniden-basla{background-color:#2f4f4f;color:#fff;margin-top:20px}.sonuc-detay{font-size:18px;margin-bottom:20px}a.buton.yeniden-basla{text-decoration:none;background-color:#2196f3;color:#fff}