.harita-sarmal{--simge-boyut: clamp(76px, 7.4vw, 116px);--yol-renk: rgba(255, 255, 255, .55);--yol-kalinlik: 7;--harita-metin: #2f2a24;position:relative;width:100%;max-width:1180px;margin-inline:auto;aspect-ratio:16 / 9;min-height:340px;max-height:min(66vh,620px);border-radius:var(--yuvarlak);border:1px solid var(--renk-kenar-koyu);overflow:hidden;box-shadow:var(--golge);background-size:cover;background-position:center;touch-action:none}.harita-sarmal.ozel-arkaplan{background-size:contain;background-repeat:no-repeat;background-color:#ece5d8}.harita-sarmal[data-tema=forest]{--yol-renk: rgba(255, 255, 255, .8);background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.55),transparent 45%),radial-gradient(circle at 80% 76%,rgba(120,190,150,.35),transparent 48%),linear-gradient(165deg,#d8f3e3,#b6e5cd 48%,#97d7b8)}.harita-sarmal[data-tema=space]{--yol-renk: rgba(255, 255, 255, .75);background:radial-gradient(circle at 22% 26%,rgba(255,255,255,.45),transparent 45%),radial-gradient(circle at 74% 70%,rgba(150,170,255,.4),transparent 46%),linear-gradient(165deg,#e5ddfb,#cfc4f4 52%,#b7aeee)}.harita-sarmal[data-tema=sea]{--yol-renk: rgba(255, 255, 255, .85);background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.6),transparent 44%),radial-gradient(circle at 76% 74%,rgba(120,180,220,.35),transparent 46%),linear-gradient(165deg,#dcf3fb,#bde5f4,#9bd4ec)}.harita-sarmal[data-tema=parchment]{--yol-renk: rgba(190, 150, 105, .55);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.65),transparent 45%),radial-gradient(circle at 80% 78%,rgba(214,184,138,.35),transparent 44%),linear-gradient(160deg,#fdf3e0,#f6e6c8 55%,#eed9b0)}.harita-sarmal[data-tema=space]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 34% 62%,#fff,transparent),radial-gradient(1px 1px at 58% 24%,#fff,transparent),radial-gradient(1.5px 1.5px at 76% 48%,#fff,transparent),radial-gradient(1px 1px at 88% 76%,#fff,transparent),radial-gradient(1px 1px at 46% 86%,#fff,transparent),radial-gradient(1.5px 1.5px at 22% 82%,#fff,transparent);opacity:.8;pointer-events:none}.harita-dekor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.dekor-zemin{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dekor-oge{position:absolute;transform:translate(-50%);line-height:0;animation:dekor-suzul 7s ease-in-out infinite}.dekor-oge:nth-child(2n){animation-duration:9.5s;animation-delay:-2.5s}.dekor-oge:nth-child(3n){animation-duration:12s;animation-delay:-5s}.dekor-oge svg{width:100%;height:auto;display:block}@keyframes dekor-suzul{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-7px)}}.harita-yol{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.harita-yol path{fill:none;stroke:var(--yol-renk);stroke-width:var(--yol-kalinlik);stroke-linecap:round;stroke-dasharray:1.6 5.5;vector-effect:non-scaling-stroke}.harita-durak{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--harita-metin);z-index:2}.harita-durak:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:12px}.durak-madalyon{width:var(--simge-boyut);height:var(--simge-boyut);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border:5px solid var(--tier-yok);box-shadow:0 5px 16px #0000004d;transition:transform .14s ease,border-color .2s ease;position:relative}.harita-durak:hover .durak-madalyon{transform:scale(1.07)}.durak-madalyon img{width:100%;height:100%;object-fit:cover}.durak-madalyon.tier-none{border-color:var(--tier-yok);filter:saturate(.55)}.durak-madalyon.tier-bronze{border-color:var(--tier-bronz)}.durak-madalyon.tier-silver{border-color:var(--tier-gumus)}.durak-madalyon.tier-gold{border-color:var(--tier-altin);animation:parilti 2.4s ease-in-out infinite}.durak-yer-tutucu{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;color:#fff}.durak-ad{font-size:.84rem;font-weight:800;text-align:center;max-width:140px;padding:3px 9px;border-radius:999px;background:#ffffffe0;color:#2f2a24;box-shadow:0 2px 6px #0000002e}.durak-yildiz{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#fffffff0;border-radius:999px;padding:1px 7px;box-shadow:0 2px 6px #0003;z-index:3}.durak-sayac{font-size:.74rem;font-weight:700;background:#00000057;color:#fff;padding:1px 8px;border-radius:999px}.harita-sarmal.duzenlenebilir .harita-durak{cursor:grab}.harita-sarmal.duzenlenebilir .durak-madalyon.tier-none{filter:none;border-color:#fff}.harita-sarmal.duzenlenebilir .harita-durak.suruklenen{cursor:grabbing;z-index:10}.harita-sarmal.duzenlenebilir .harita-durak.suruklenen .durak-madalyon{transform:scale(1.12);box-shadow:0 12px 28px #0006}.harita-ipucu{position:absolute;left:12px;bottom:12px;background:#ffffffe6;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600;color:var(--renk-metin-soluk);z-index:4}.bitis-madalya{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffe9a8,#f5c445);color:#6b4a05;font-weight:800;font-size:.86rem;padding:8px 14px;border-radius:999px;box-shadow:0 5px 16px #00000040;z-index:4}body[data-rol=student] .harita-sarmal{border:3px solid #fff;border-radius:26px;box-shadow:0 10px 34px #7864a02e}body[data-rol=student] .harita-durak:hover .durak-madalyon{transform:scale(1.13) translateY(-5px)}body[data-rol=student] .durak-ad{border-radius:999px;font-size:.88rem;padding:4px 12px;color:#453d5c;box-shadow:0 3px 8px #6758912e}body[data-rol=student] .durak-sayac{background:#ffffffe6;color:#6d6590;box-shadow:0 2px 6px #67589124}body[data-rol=student] .durak-madalyon{border-width:6px;box-shadow:0 6px 18px #67589140}body[data-rol=student] .bitis-madalya{animation:madalya-zipla 2.2s ease-in-out infinite}@keyframes madalya-zipla{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@media (prefers-reduced-motion: reduce){.dekor-oge,.durak-madalyon.tier-gold,.bitis-madalya{animation:none!important}}@media (max-width: 720px){.harita-sarmal{--simge-boyut: 64px;aspect-ratio:4 / 5;min-height:380px;max-height:74vh}.durak-ad{font-size:.74rem;max-width:104px}.bitis-madalya{font-size:.76rem;padding:6px 10px}}:root{--renk-arka: #f6f3ec;--renk-yuzey: #ffffff;--renk-yuzey-2: #fbf9f4;--renk-kenar: #e4ddd0;--renk-kenar-koyu: #d3c9b6;--renk-metin: #2f2a24;--renk-metin-soluk: #7a7163;--renk-ana: #2f7d5d;--renk-ana-koyu: #245f47;--renk-ana-acik: #e5f2ec;--renk-vurgu: #e08b2f;--renk-vurgu-acik: #fdf1e2;--renk-hata: #c0442f;--renk-hata-acik: #fbeae7;--renk-basari: #2f7d5d;--tier-bronz: #b8763a;--tier-gumus: #9aa3ab;--tier-altin: #e0aa1e;--tier-yok: #b9b2a4;--yuvarlak: 14px;--yuvarlak-kucuk: 9px;--golge: 0 1px 2px rgba(47, 42, 36, .06), 0 4px 14px rgba(47, 42, 36, .07);--golge-yuksek: 0 8px 30px rgba(47, 42, 36, .16);--yazi: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--yazi);background:var(--renk-arka);color:var(--renk-metin);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 .8em;line-height:1.55}a{color:var(--renk-ana)}.sayfa{max-width:1100px;margin:0 auto;padding:22px 18px 60px}.sayfa-genis{max-width:1400px}.ust-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:11px 18px;background:#ffffffed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--renk-kenar)}.ust-bar .marka{font-weight:800;font-size:1.06rem;color:var(--renk-ana-koyu);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}.ust-bar nav{display:flex;gap:4px;flex-wrap:wrap}.ust-bar nav a{padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--renk-metin-soluk);font-size:.92rem;font-weight:600}.ust-bar nav a:hover{background:var(--renk-yuzey-2);color:var(--renk-metin)}.ust-bar nav a.aktif{background:var(--renk-ana-acik);color:var(--renk-ana-koyu)}.bosluk{flex:1}.kullanici-etiket{font-size:.86rem;color:var(--renk-metin-soluk);display:flex;align-items:center;gap:8px}.kart{background:var(--renk-yuzey);border:1px solid var(--renk-kenar);border-radius:var(--yuvarlak);padding:16px;box-shadow:var(--golge)}.kart-baslik{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.kart-baslik h2,.kart-baslik h3{margin:0}.izgara{display:grid;gap:14px}.izgara-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.izgara-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.satir-arasi{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--yuvarlak-kucuk);border:1px solid var(--renk-kenar-koyu);background:var(--renk-yuzey);color:var(--renk-metin);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--renk-yuzey-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ana{background:var(--renk-ana);border-color:var(--renk-ana);color:#fff}.btn-ana:hover:not(:disabled){background:var(--renk-ana-koyu);border-color:var(--renk-ana-koyu)}.btn-vurgu{background:var(--renk-vurgu);border-color:var(--renk-vurgu);color:#fff}.btn-vurgu:hover:not(:disabled){filter:brightness(.95);background:var(--renk-vurgu)}.btn-tehlike{color:var(--renk-hata);border-color:#e8c4bc}.btn-tehlike:hover:not(:disabled){background:var(--renk-hata-acik)}.btn-sade{border-color:transparent;background:transparent;color:var(--renk-metin-soluk)}.btn-sade:hover:not(:disabled){background:var(--renk-yuzey-2);color:var(--renk-metin)}.btn-kucuk{padding:5px 10px;font-size:.84rem}.btn-blok{width:100%}.alan{display:block;margin-bottom:13px}.alan>span{display:block;font-size:.84rem;font-weight:600;color:var(--renk-metin-soluk);margin-bottom:5px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;padding:9px 11px;border:1px solid var(--renk-kenar-koyu);border-radius:var(--yuvarlak-kucuk);background:var(--renk-yuzey);font:inherit;font-size:.94rem;color:var(--renk-metin)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--renk-ana);box-shadow:0 0 0 3px var(--renk-ana-acik)}textarea{resize:vertical;min-height:74px}.alan-satir{display:flex;gap:12px;flex-wrap:wrap}.alan-satir>*{flex:1 1 160px}.ipucu{font-size:.82rem;color:var(--renk-metin-soluk);margin:4px 0 0}.etiket{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--renk-yuzey-2);color:var(--renk-metin-soluk);border:1px solid var(--renk-kenar)}.etiket-yesil{background:var(--renk-ana-acik);color:var(--renk-ana-koyu);border-color:#bfdcd0}.etiket-turuncu{background:var(--renk-vurgu-acik);color:#a8621b;border-color:#f0d7b8}.etiket-gri{background:#f0ede7}.uyari{padding:10px 13px;border-radius:var(--yuvarlak-kucuk);font-size:.9rem;margin-bottom:12px;border:1px solid}.uyari-hata{background:var(--renk-hata-acik);border-color:#eecac1;color:#8d2f1f}.uyari-basari{background:var(--renk-ana-acik);border-color:#bfdcd0;color:var(--renk-ana-koyu)}.uyari-bilgi{background:var(--renk-vurgu-acik);border-color:#f0d7b8;color:#8c5316}.bos-durum{text-align:center;padding:42px 20px;color:var(--renk-metin-soluk)}.bos-durum .ikon{font-size:2.6rem;display:block;margin-bottom:10px}.yukleniyor{padding:40px;text-align:center;color:var(--renk-metin-soluk)}.modal-perde{position:fixed;top:0;right:0;bottom:0;left:0;background:#231f1a73;display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modal{background:var(--renk-yuzey);border-radius:var(--yuvarlak);box-shadow:var(--golge-yuksek);width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:20px}.modal h3{margin-bottom:14px}.modal-alt{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.tablo{width:100%;border-collapse:collapse;font-size:.92rem}.tablo th,.tablo td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--renk-kenar)}.tablo th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--renk-metin-soluk)}.tablo tbody tr:hover{background:var(--renk-yuzey-2)}.tablo-sarmal{overflow-x:auto}.yildizlar{display:inline-flex;gap:2px;line-height:1}.yildizlar span{font-size:1rem;color:var(--tier-yok)}.yildizlar span.dolu{color:var(--tier-altin)}.yildizlar.kucuk span{font-size:.76rem}.yildizlar.buyuk span{font-size:1.5rem}.rozet-kart{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:16px 12px;border-radius:var(--yuvarlak);border:1px solid var(--renk-kenar);background:var(--renk-yuzey);transition:transform .12s ease,box-shadow .12s ease}.rozet-kart.kazanildi{border-color:#e6cf9a;background:linear-gradient(180deg,#fffdf6,#fdf6e6)}.rozet-kart.kazanildi:hover{transform:translateY(-2px);box-shadow:var(--golge)}.rozet-kart.kilitli{background:var(--renk-yuzey-2)}.rozet-gorsel{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--renk-kenar);background:#fff}.rozet-kart.kazanildi .rozet-gorsel{border-color:var(--tier-altin);box-shadow:0 0 0 4px #fdf1d4}.rozet-kart.kilitli .rozet-gorsel{filter:grayscale(1);opacity:.38}.rozet-yer-tutucu{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff}.rozet-ad{font-weight:700;font-size:.96rem}.rozet-not{font-size:.84rem;background:var(--renk-ana-acik);color:var(--renk-ana-koyu);padding:6px 9px;border-radius:var(--yuvarlak-kucuk);font-style:italic}.video-yuvasi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:38px 20px;text-align:center;border:2px dashed var(--renk-kenar-koyu);border-radius:var(--yuvarlak);background:var(--renk-yuzey-2);color:var(--renk-metin-soluk)}.video-yuvasi .ikon{font-size:2.2rem}.bilgi-ikon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.82rem;color:var(--renk-metin-soluk);cursor:help;flex:none}.bilgi-ikon:hover,.bilgi-ikon:focus-visible{color:var(--renk-ana);outline:none}.bilgi-balon{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:230px;padding:8px 11px;border-radius:var(--yuvarlak-kucuk);background:#2f2a24;color:#fff;font-size:.8rem;font-weight:500;line-height:1.4;text-align:left;opacity:0;visibility:hidden;transition:opacity .14s ease;z-index:50;box-shadow:var(--golge-yuksek)}.bilgi-balon:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#2f2a24}.bilgi-ikon:hover .bilgi-balon,.bilgi-ikon:focus-visible .bilgi-balon{opacity:1;visibility:visible}.karsilama{background:linear-gradient(135deg,var(--renk-ana-acik),#fdf6e8);border:1px solid #cfe3d9;border-radius:var(--yuvarlak);padding:20px 22px;margin-bottom:18px}.karsilama h1{margin-bottom:6px}.karsilama p{margin:0;max-width:62ch;color:#4a5f55}.adim-listesi{counter-reset:adim;list-style:none;padding:0;margin:0}.adim-listesi li{counter-increment:adim;position:relative;padding:12px 0 12px 46px;border-bottom:1px solid var(--renk-kenar)}.adim-listesi li:last-child{border-bottom:none}.adim-listesi li:before{content:counter(adim);position:absolute;left:0;top:12px;width:30px;height:30px;border-radius:50%;background:var(--renk-ana);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:10px;padding:10px;background:var(--renk-yuzey-2);border:1px solid var(--renk-kenar);border-radius:var(--yuvarlak-kucuk)}.galeri-oge{padding:5px;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.galeri-oge:hover{transform:translateY(-2px) scale(1.05);border-color:var(--renk-kenar-koyu)}.galeri-oge.secili{border-color:var(--renk-ana);box-shadow:0 0 0 3px var(--renk-ana-acik)}.galeri-oge img{width:100%;height:auto;display:block}@keyframes rozet-gel{0%{transform:scale(.2) rotate(-20deg);opacity:0}55%{transform:scale(1.18) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes konfeti-dus{0%{transform:translateY(-12vh) rotate(0);opacity:1}to{transform:translateY(88vh) rotate(680deg);opacity:0}}@keyframes parilti{0%,to{box-shadow:0 0 #e0aa1e8c}50%{box-shadow:0 0 0 12px #e0aa1e00}}@media (max-width: 640px){.sayfa{padding:14px 12px 48px}h1{font-size:1.35rem}.ust-bar{gap:8px;padding:9px 12px}.ust-bar nav a{padding:6px 9px;font-size:.86rem}.kullanici-etiket span.ad{display:none}.modal{padding:16px}}body[data-rol=student]{--pastel-nane: #a8e6cf;--pastel-seftali: #ffd7ba;--pastel-pembe: #ffc2d1;--pastel-lavanta: #d8c7f7;--pastel-gokyuzu: #b8e0f5;--pastel-limon: #ffeeb0;--renk-arka: #fbf7ff;--renk-yuzey: #ffffff;--renk-yuzey-2: #f7f2fd;--renk-kenar: #ece2f8;--renk-kenar-koyu: #d9c9ef;--renk-metin: #453d5c;--renk-metin-soluk: #8b81a6;--renk-ana: #7b8ce8;--renk-ana-koyu: #5f6fd0;--renk-ana-acik: #e8ecfe;--renk-vurgu: #ff9eb5;--renk-vurgu-acik: #ffeef3;--renk-basari: #5cc9a7;--tier-bronz: #e0a878;--tier-gumus: #c3cad6;--tier-altin: #ffd166;--tier-yok: #cfc7dd;--yuvarlak: 22px;--yuvarlak-kucuk: 14px;--golge: 0 2px 4px rgba(103, 88, 145, .06), 0 8px 22px rgba(103, 88, 145, .09);--golge-yuksek: 0 14px 40px rgba(103, 88, 145, .22);background:radial-gradient(1200px 600px at 10% -5%,#fff0f6 0%,transparent 55%),radial-gradient(1000px 500px at 95% 5%,#e9f7ff 0%,transparent 50%),radial-gradient(900px 700px at 50% 110%,#eafaf1 0%,transparent 55%),var(--renk-arka);background-attachment:fixed;font-size:17px}body[data-rol=student] .ust-bar{background:#ffffffd1;border-bottom:2px solid #f1e8fb;box-shadow:0 4px 16px #7864a00f}body[data-rol=student] .ust-bar .marka{font-size:1.2rem;color:var(--renk-ana-koyu)}body[data-rol=student] .ust-bar .marka:first-letter{font-size:1.3rem}body[data-rol=student] .ust-bar nav a{font-size:.96rem;padding:8px 15px;transition:transform .16s cubic-bezier(.2,1.4,.4,1),background .16s ease}body[data-rol=student] .ust-bar nav a:hover{transform:translateY(-2px)}body[data-rol=student] .ust-bar nav a.aktif{background:linear-gradient(135deg,var(--pastel-lavanta),var(--pastel-gokyuzu));color:#43406b}body[data-rol=student] .kart{border:2px solid #f2eafb;border-radius:var(--yuvarlak)}body[data-rol=student] h1{font-size:1.95rem;letter-spacing:-.01em}body[data-rol=student] h2{font-size:1.35rem}body[data-rol=student] .btn{border-radius:999px;border-width:2px;font-weight:700;transition:transform .16s cubic-bezier(.2,1.5,.4,1),box-shadow .16s ease,filter .16s ease}body[data-rol=student] .btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #7864a02e}body[data-rol=student] .btn:active:not(:disabled){transform:translateY(1px) scale(.98)}body[data-rol=student] .btn-ana{background:linear-gradient(135deg,#8ea3f5,#6f7fdd);border-color:transparent}body[data-rol=student] .btn-ana:hover:not(:disabled){filter:brightness(1.05);background:linear-gradient(135deg,#8ea3f5,#6f7fdd)}body[data-rol=student] .etiket{border-radius:999px;padding:5px 13px;font-size:.82rem;border-width:2px}body[data-rol=student] .etiket-yesil{background:#e2f8ef;color:#2f7d5d;border-color:#bfeedd}body[data-rol=student] .etiket-turuncu{background:var(--pastel-limon);color:#8a6a12;border-color:#f7dd93}body[data-rol=student] .etiket-gri{background:#f3eefb;border-color:#e6dcf5}body[data-rol=student] .sayfa>*{animation:sayfa-gir .5s cubic-bezier(.2,.8,.3,1) both}body[data-rol=student] .sayfa>*:nth-child(2){animation-delay:.06s}body[data-rol=student] .sayfa>*:nth-child(3){animation-delay:.12s}body[data-rol=student] .sayfa>*:nth-child(4){animation-delay:.18s}body[data-rol=student] .sayfa>*:nth-child(5){animation-delay:.24s}@keyframes sayfa-gir{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ilerleme-cubugu{position:relative;height:16px;border-radius:999px;background:#efe8fa;overflow:hidden;box-shadow:inset 0 2px 4px #6758911f}.ilerleme-cubugu>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#9be3c4,#7ed9c8 45%,#8fd3f4);transition:width .7s cubic-bezier(.2,.9,.3,1);position:relative;overflow:hidden}.ilerleme-cubugu>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.65) 50%,transparent 80%);transform:translate(-100%);animation:cubuk-parilti 2.6s ease-in-out infinite}@keyframes cubuk-parilti{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}.ilerleme-sarmal{display:flex;align-items:center;gap:10px}.ilerleme-sarmal .sayi{font-weight:800;font-size:.9rem;white-space:nowrap;color:var(--renk-metin-soluk)}body[data-rol=student] .rozet-kart{border-width:2px;border-radius:var(--yuvarlak);animation:rozet-belir .5s cubic-bezier(.2,1,.3,1) both}body[data-rol=student] .izgara>.rozet-kart:nth-child(2){animation-delay:.07s}body[data-rol=student] .izgara>.rozet-kart:nth-child(3){animation-delay:.14s}body[data-rol=student] .izgara>.rozet-kart:nth-child(4){animation-delay:.21s}body[data-rol=student] .izgara>.rozet-kart:nth-child(5){animation-delay:.28s}body[data-rol=student] .izgara>.rozet-kart:nth-child(6){animation-delay:.35s}@keyframes rozet-belir{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}body[data-rol=student] .rozet-kart.kazanildi{background:linear-gradient(170deg,#fffdf7,#fff4e2);border-color:#ffe3ab;position:relative;overflow:hidden}body[data-rol=student] .rozet-kart.kazanildi:before{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skew(-18deg);animation:kart-parilti 4.5s ease-in-out infinite;pointer-events:none}@keyframes kart-parilti{0%,70%{left:-60%}to{left:130%}}body[data-rol=student] .rozet-kart:hover{transform:translateY(-4px) rotate(-.6deg)}body[data-rol=student] .rozet-gorsel{width:92px;height:92px;border-width:4px}body[data-rol=student] .rozet-kart.kazanildi .rozet-gorsel{animation:rozet-nefes 3.4s ease-in-out infinite}@keyframes rozet-nefes{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}body[data-rol=student] .rozet-kart.kilitli .rozet-gorsel{opacity:.32}body[data-rol=student] .rozet-kart.kilitli:hover .rozet-gorsel{opacity:.5;filter:grayscale(.5)}body[data-rol=student] .rozet-ad{font-size:1.02rem}body[data-rol=student] .rozet-not{background:linear-gradient(135deg,#eef4ff,#f7edff);color:#4f4a7a;border-radius:14px;border:2px solid #e3e0fa}body[data-rol=student] .yildizlar span.dolu{animation:yildiz-parla 2.8s ease-in-out infinite}body[data-rol=student] .yildizlar span.dolu:nth-child(2){animation-delay:.25s}body[data-rol=student] .yildizlar span.dolu:nth-child(3){animation-delay:.5s}@keyframes yildiz-parla{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.18);filter:drop-shadow(0 0 4px rgba(255,209,102,.9))}}body[data-rol=student] .bos-durum .ikon{font-size:3.4rem;animation:suzul 3.6s ease-in-out infinite;display:inline-block}@keyframes suzul{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}.ogrenci-baslik{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;border-radius:var(--yuvarlak);background:linear-gradient(135deg,#fdeef5,#eef1ff 55%,#e8f8f1);border:2px solid #f2e9fb;box-shadow:var(--golge)}.ogrenci-baslik h1{margin:0}.ogrenci-baslik .alt{margin:2px 0 0;color:#6d6590;font-size:.95rem}.ogrenci-baslik .emoji{font-size:2.3rem;animation:suzul 4s ease-in-out infinite}.yolculuk-kart{display:block;text-decoration:none;color:inherit;overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.2,1.2,.4,1),box-shadow .2s ease}.yolculuk-kart:hover{transform:translateY(-5px);box-shadow:var(--golge-yuksek)}.yolculuk-kart .serit{height:8px;margin:-16px -16px 14px;background:linear-gradient(90deg,var(--pastel-pembe),var(--pastel-lavanta),var(--pastel-gokyuzu),var(--pastel-nane))}.adim-kart{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--yuvarlak-kucuk);background:var(--renk-yuzey-2);border:2px solid #efe7fa;margin-bottom:10px;transition:transform .16s ease,background .16s ease}.adim-kart:hover{transform:translate(4px);background:#fdf9ff}.adim-kart .numara{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#4c4570;background:linear-gradient(135deg,var(--pastel-limon),var(--pastel-seftali))}body[data-rol=student] .modal{border-radius:26px}@media (prefers-reduced-motion: reduce){body[data-rol=student] *,body[data-rol=student] *:before,body[data-rol=student] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 640px){body[data-rol=student]{font-size:16px}body[data-rol=student] h1{font-size:1.5rem}.ogrenci-baslik{padding:14px 16px;gap:10px}.ogrenci-baslik .emoji{font-size:1.8rem}}