/* Yapay Zekâ Hazırlık Testi — zermisa mor premium tema */
@font-face{font-family:'General Sans'; src:url('/assets/fonts/general-sans-400.woff2') format('woff2'); font-weight:400; font-display:swap;}
@font-face{font-family:'General Sans'; src:url('/assets/fonts/general-sans-500.woff2') format('woff2'); font-weight:500; font-display:swap;}
@font-face{font-family:'General Sans'; src:url('/assets/fonts/general-sans-600.woff2') format('woff2'); font-weight:600; font-display:swap;}
:root{
  --gece:#0C0714; --murdum:#241235; --ametist:#5A2D8A; --mor:#8F49F7; --lila:#C88DFF; --sis:#E9DDF4; --inci:#F7F3FA;
  --cizgi:rgba(200,141,255,.2); --cam:rgba(36,18,53,.55);
  --sans:'General Sans', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box;}
html, body{min-height:100%;}
body{margin:0; font-family:var(--sans); color:var(--inci); -webkit-font-smoothing:antialiased; line-height:1.5;
  background:radial-gradient(70% 60% at 85% 10%, rgba(143,73,247,.35), transparent 70%), radial-gradient(60% 50% at 0% 100%, rgba(90,45,138,.45), transparent 70%), var(--gece);}
button{font:inherit; color:inherit; cursor:pointer;}
a{color:var(--lila);}
:focus-visible{outline:2px solid var(--lila); outline-offset:3px; border-radius:8px;}
.bekle{text-align:center; padding:60px 20px; color:rgba(233,221,244,.6);}
.kabuk{max-width:780px; margin:0 auto; padding:32px 20px 48px;}
.ekran{animation:gir .45s cubic-bezier(.2,.7,.2,1) both;}
@keyframes gir{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}

.etiket{display:inline-flex; align-items:center; gap:8px; font-size:.74rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--sis); padding:7px 14px; border-radius:999px; background:var(--cam); border:1px solid var(--cizgi);}
.etiket i{width:7px; height:7px; border-radius:50%; background:var(--lila); box-shadow:0 0 10px 2px rgba(200,141,255,.8);}
h1{font-weight:500; letter-spacing:-.03em; line-height:1.02; font-size:clamp(2.1rem, 5.6vw, 3.4rem); margin:20px 0 14px;}
h1 em, h2 em{font-style:normal; background:linear-gradient(100deg, #E9DDF4, #C88DFF 45%, #8F49F7); -webkit-background-clip:text; background-clip:text; color:transparent;}
h2{font-weight:500; letter-spacing:-.02em; font-size:clamp(1.4rem, 3.4vw, 1.9rem); margin:0 0 10px; line-height:1.15;}
h3{font-weight:600; font-size:1rem; margin:0 0 8px;}
.alt{color:rgba(233,221,244,.78); font-size:1.08rem; max-width:600px;}
.soluk{color:rgba(233,221,244,.55);}
.kucuk{font-size:.86rem;}
.merkez{text-align:center;} .merkez .alt{margin-left:auto; margin-right:auto;}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid rgba(233,221,244,.28); border-radius:999px; padding:15px 28px; font-weight:600; font-size:1rem; color:#fff; text-decoration:none;
  background:linear-gradient(120deg, #7B3BE6, #8F49F7 45%, #B57BFF); box-shadow:0 10px 30px -10px rgba(143,73,247,.85), 0 1px 0 rgba(255,255,255,.35) inset; transition:transform .2s, box-shadow .2s;}
.btn:hover{transform:translateY(-2px); box-shadow:0 0 0 1px rgba(200,141,255,.4), 0 14px 40px -8px rgba(143,73,247,.9);}
.btn:disabled{opacity:.55; transform:none; cursor:default;}
.btn.cam{background:rgba(233,221,244,.06); box-shadow:none;}
.btn.cam:hover{background:rgba(233,221,244,.12);}
.metin-btn{background:none; border:0; color:rgba(233,221,244,.7); padding:6px 0; font-size:.92rem;}
.metin-btn:hover{color:var(--lila);}

.cipler{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:26px 0 34px;}
.cipler span{font-size:.85rem; padding:7px 14px; border-radius:999px; border:1px solid var(--cizgi); background:rgba(233,221,244,.04); color:var(--sis);}
.notlar{display:flex; gap:22px; justify-content:center; flex-wrap:wrap; margin-top:26px; font-size:.86rem; color:rgba(233,221,244,.6);}

/* soru ekranı */
.ilerleme{display:flex; justify-content:space-between; align-items:center; font-size:.85rem; color:rgba(233,221,244,.65); margin-bottom:10px;}
.cubuk{height:6px; border-radius:99px; background:rgba(233,221,244,.1); overflow:hidden; margin-bottom:34px;}
.cubuk i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, #8F49F7, #C88DFF); box-shadow:0 0 14px rgba(200,141,255,.8); transition:width .4s ease;}
.soru{font-size:clamp(1.35rem, 3.6vw, 1.85rem); font-weight:500; letter-spacing:-.02em; line-height:1.2; margin:0 0 24px;}
.secenekler{display:grid; gap:10px;}
.secenek{display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:16px 18px; border-radius:16px; border:1px solid var(--cizgi); background:var(--cam); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transition:border-color .2s, background .2s, transform .15s;}
.secenek:hover{border-color:rgba(200,141,255,.55); background:rgba(48,24,72,.7); transform:translateX(3px);}
.secenek b{flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-size:.85rem; background:rgba(143,73,247,.25); border:1px solid rgba(200,141,255,.35); color:var(--sis);}
.secenek.secili{border-color:var(--lila); background:rgba(143,73,247,.28);}
.secenek.secili b{background:var(--mor); color:#fff;}
.alt-cubuk{display:flex; justify-content:space-between; margin-top:20px;}

/* sonuç */
.kart{background:var(--cam); border:1px solid var(--cizgi); border-radius:22px; padding:24px; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 1px 0 rgba(247,243,250,.06) inset, 0 30px 60px -36px rgba(0,0,0,.8);}
.kart + .kart{margin-top:16px;}
.sonuc-ust{display:grid; grid-template-columns:200px 1fr; gap:28px; align-items:center;}
@media (max-width:620px){ .sonuc-ust{grid-template-columns:1fr; text-align:center;} .halka{margin:0 auto;} }
.halka{width:200px; height:200px; position:relative;}
.halka svg{width:100%; height:100%; transform:rotate(-90deg);}
.halka .deger{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.halka .deger b{font-size:3.4rem; font-weight:500; letter-spacing:-.04em; line-height:1;}
.halka .deger span{font-size:.8rem; color:rgba(233,221,244,.6);}
.seviye{font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--lila);}
.iki{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px;}
.iki > .kart + .kart{margin-top:0;}
@media (max-width:680px){ .iki{grid-template-columns:1fr;} }
.radar{width:100%; max-width:340px; display:block; margin:0 auto;}
.radar text{fill:rgba(233,221,244,.75); font-size:11px; font-family:var(--sans);}
.alan-satir{margin-bottom:12px;}
.alan-satir div{display:flex; justify-content:space-between; font-size:.9rem;}
.alan-satir .bar{height:7px; border-radius:99px; background:rgba(233,221,244,.1); margin-top:5px; overflow:hidden;}
.alan-satir .bar i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, #8F49F7, #C88DFF);}
.oneri{margin:0; padding-left:20px;}
.oneri li{margin-bottom:8px; color:rgba(233,221,244,.85);}
.vurgu{border-color:rgba(200,141,255,.45); background:linear-gradient(150deg, rgba(90,45,138,.55), rgba(36,18,53,.6));}
.form{display:grid; gap:12px; margin-top:14px;}
.form input[type=email]{width:100%; padding:14px 18px; border-radius:999px; border:1px solid var(--cizgi); background:rgba(12,7,20,.55); color:var(--inci); font:inherit;}
.form input[type=email]::placeholder{color:rgba(233,221,244,.45);}
.onay{display:flex; gap:10px; align-items:flex-start; font-size:.84rem; color:rgba(233,221,244,.75); cursor:pointer;}
.onay input{width:18px; height:18px; margin-top:1px; flex:none; accent-color:var(--mor);}
.durum{min-height:1.2em; font-size:.9rem; margin:0;}
.durum.kotu{color:#FF9DB0;} .durum.iyi{color:var(--lila); font-weight:600;}
.paylas{display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:18px;}
.paylas .btn{padding:11px 20px; font-size:.9rem;}