/* hemenanket.com — anket oyunları */
.oy-onizleme{background:#FFF3C4;color:#5A4500;border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 16px}
.oy-crumb{display:flex;gap:8px;font-size:14px;color:var(--soluk);margin-bottom:6px}.oy-crumb a{color:var(--mor)}
.oy{position:relative;min-height:260px;padding:22px}
.oy.loading,.oy-kart-alan.loading{opacity:.55;pointer-events:none;transition:opacity .2s}
.oy .q{margin:4px 0 12px;font-size:22px}
.oy-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:14px}
.oy-adim{font-weight:700;color:var(--mor);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.oy-puan b{font-size:18px;color:var(--metin)}
.oy-kat{margin:0;font-size:13px}
.oy-talimat{margin:0 0 12px;font-weight:600;color:var(--soluk)}
.oy-alt{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.oy-alt .btn:not(.btn-out),.oy .btn:not(.btn-out):not(.lk){background:var(--mor)}
.oy-alt .btn:not(.btn-out):hover,.oy .btn:not(.btn-out):not(.lk):hover{background:#3F1D70;box-shadow:0 6px 16px rgba(91,42,154,.25)}
.oy .btn:disabled{background:#E4E7EE!important;color:var(--soluk);box-shadow:none}
.oy-buyuk{font-family:var(--fb),sans-serif;font-size:22px;margin:4px 0}.oy-buyuk b{font-size:52px;color:var(--mor);line-height:1}
.oy-hata{color:#A12828;font-weight:600}
.gain{color:var(--yesil);font-weight:700;margin:0 0 10px}
.oy-kurallar{margin-top:20px}.oy-kurallar ol{margin:0;padding-left:20px;font-size:15px}.oy-kurallar li{margin-bottom:6px}
.oy-gecmis{margin-top:16px}.oy-gecmis ul{margin:0;padding:0;list-style:none;font-size:15px}.oy-gecmis li{padding:7px 0;border-top:1px solid #EDEFF4}

/* Oyun merkezi */
.oy-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10px;border-radius:22px;padding:30px 34px;margin:0 0 24px;color:#fff;background:radial-gradient(circle at 85% 20%,#7B3FD0 0,transparent 55%),linear-gradient(135deg,#3F1D70 0%,#5B2A9A 45%,#1D5FD1 100%)}
.oy-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.2px);background-size:22px 22px;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 70%)}
.oy-hero-m{position:relative;z-index:1}
.oy-hero-k{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#FFD43B}
.oy-hero h1{color:#fff;font-size:clamp(32px,4.4vw,48px);margin:0 0 10px;line-height:1.05}
.oy-hero-m>p{margin:0 0 16px;font-size:17px;color:rgba(255,255,255,.88);max-width:460px}
.oy-hero-c{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.oy-hero-c li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600}
.oy-hero-b{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:12px;background:#FFD43B;color:#15192B;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}
.oy-hero-b:hover{color:#15192B;background:#FFE066;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.oy-hero-g{position:relative;z-index:1}.cz-hero{width:100%;height:auto;max-height:250px;display:block}
.cz-f1{animation:cz-yuz 6s ease-in-out infinite}.cz-f2{animation:cz-yuz 5s ease-in-out -1.5s infinite}.cz-f3{animation:cz-yuz 5.5s ease-in-out -3s infinite}.cz-f4{animation:cz-don 9s ease-in-out infinite;transform-origin:279px 49px}
.cz-f5,.cz-f6{animation:cz-par 2.6s ease-in-out infinite}.cz-f6{animation-delay:-1.3s}
@keyframes cz-yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes cz-don{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}
@keyframes cz-par{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@media (max-width:760px){.oy-hero{grid-template-columns:1fr;padding:24px 20px}.oy-hero-g{order:-1;max-width:300px;margin:-6px auto -4px}.cz-hero{max-height:180px}}

.oy-hub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:560px){.oy-hub{grid-template-columns:1fr}}
.oy-hub-k{--c:#1D5FD1;--c2:#6B9BEA;--c3:#DCE8FB;--z:#F2F6FE;display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:1.5px solid var(--cizgi);border-radius:18px;padding:12px 12px 18px;color:var(--metin);transition:transform .2s,box-shadow .2s,border-color .2s}
.oy-hub-k.r-turuncu{--c:#D9480F;--c2:#F7914D;--c3:#FFE3D1;--z:#FFF5EE}
.oy-hub-k.r-yesil{--c:#17703F;--c2:#40B37A;--c3:#D3F0E1;--z:#F0FAF4}
.oy-hub-k.r-mor{--c:#5B2A9A;--c2:#9C6BDB;--c3:#E9DCFA;--z:#F8F3FE}
.oy-hub-k.r-pembe{--c:#C2255C;--c2:#F06595;--c3:#FCDDE8;--z:#FFF4F8}
.oy-hub-k.r-camgobegi{--c:#0B7285;--c2:#3BC9DB;--c3:#D0F2F7;--z:#F0FBFD}
.oy-hub-k:hover{color:var(--metin);border-color:var(--c2);transform:translateY(-4px);box-shadow:0 16px 34px -12px color-mix(in srgb,var(--c) 45%,transparent)}
.oy-hub-c{display:block;border-radius:12px;background:var(--z);overflow:hidden;margin-bottom:6px;transition:background .2s}
.oy-hub-k:hover .oy-hub-c{background:var(--c3)}
.oy-hub-c .cz{display:block;width:100%;height:auto}
.oy-hub-b{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px}
.oy-hub-i{width:40px;height:40px;border-radius:11px;background:var(--c3);color:var(--c);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}
.oy-hub-k:hover .oy-hub-i{background:var(--c);color:#fff;transform:rotate(-6deg)}
.oy-hub-e{display:flex;gap:6px;justify-content:flex-end}
.oy-hub-e span{white-space:nowrap;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--z);color:var(--c);border:1px solid var(--c3)}
.oy-hub-t{font-family:var(--fb),sans-serif;font-weight:700;font-size:20px;padding:4px 6px 0}
.oy-hub-d{color:var(--soluk);font-size:15px;flex:1;padding:0 6px}
.oy-hub-g{font-weight:700;color:var(--c);font-size:15px;padding:4px 6px 0}
.oy-hub-g span{display:inline-block;transition:transform .2s}.oy-hub-k:hover .oy-hub-g span{transform:translateX(5px)}
.oy-hub-not{margin:18px 0 0;font-size:14px;color:var(--soluk);text-align:center}

/* Kart çizimleri: genel parıltılar + fare üzerine gelince oyuna özel hareket */
.cz .cz-s1,.cz .cz-s2{fill:var(--c2);opacity:.55}
.cz *{transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .3s}
.oy-hub-k:hover .cz-s1{transform:translateY(-4px) scale(1.1);opacity:1}.oy-hub-k:hover .cz-s2{transform:translateY(3px);opacity:1}
.oy-hub-k:hover .cz-don{transform:rotate(30deg);transform-origin:128px 78px}
.oy-hub-k:hover .cz-zip{transform:translateY(-6px)}
.cz-sira{transform-origin:90px center}
.oy-hub-k:hover .cz-r0{transform:translateX(8px)}.oy-hub-k:hover .cz-r1{transform:translateX(5px);transition-delay:.05s}.oy-hub-k:hover .cz-r2{transform:translateX(3px);transition-delay:.1s}.oy-hub-k:hover .cz-r3{transform:translateX(1px);transition-delay:.15s}
.oy-hub-k:hover .cz-ok{transform:translateY(6px)}
.oy-hub-k:hover .cz-ust{transform:translateY(-4px)}.oy-hub-k:hover .cz-alt{transform:translate(-6px,-2px)}
.oy-hub-k:hover .cz-yukari{transform:translateY(-5px)}.oy-hub-k:hover .cz-asagi{transform:translateY(5px)}
.oy-hub-k:hover .cz-takvim{transform:rotate(-5deg);transform-origin:77px 95px}
.oy-hub-k:hover .cz-gun{transform:translateY(-6px)}
.oy-hub-k:hover .cz-g1{transition-delay:.04s}.oy-hub-k:hover .cz-g2{transition-delay:.08s}.oy-hub-k:hover .cz-g3{transition-delay:.12s}.oy-hub-k:hover .cz-g4{transition-delay:.16s}.oy-hub-k:hover .cz-g5{transition-delay:.2s}.oy-hub-k:hover .cz-g6{transition-delay:.24s}
.oy-hub-k:hover .cz-alev{transform:scale(1.15);transform-origin:274px 72px}
.oy-hub-k:hover .cz-kisi1{transform:translateX(10px)}.oy-hub-k:hover .cz-kisi2{transform:translateX(-10px)}
.oy-hub-k:hover .cz-orta{transform:scale(1.12);transform-origin:160px 100px}
.cz-bag{transition:stroke-dashoffset .8s linear}.oy-hub-k:hover .cz-bag{stroke-dashoffset:-44;stroke:var(--c)}
.oy-hub-k:hover .cz-kk{transform:translateY(-4px)}
.oy-hub-k:hover .cz-k1{transition-delay:.05s}.oy-hub-k:hover .cz-k2{transition-delay:.1s}.oy-hub-k:hover .cz-k3{transition-delay:.15s}.oy-hub-k:hover .cz-k4{transition-delay:.2s}.oy-hub-k:hover .cz-k5{transition-delay:.25s}
.cz text{transition:none}
@media (prefers-reduced-motion:reduce){.cz *,.cz-f1,.cz-f2,.cz-f3,.cz-f4,.cz-f5,.cz-f6{animation:none!important;transition:none!important}.oy-hub-k:hover{transform:none}}

/* 1. Sıralama */
.sr-alan{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media (max-width:640px){.sr-alan{grid-template-columns:1fr}}
.sr-sira{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sr-yer{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1.5px dashed var(--cizgi2);border-radius:12px;background:#FBFBFD;transition:border-color .15s,background .15s}
.sr-yer.dolu{border-style:solid;border-color:#C9AEEE;background:var(--mor-zemin);font-weight:600}
.sr-yer[draggable=true]{cursor:grab}.sr-yer.surukle{opacity:.5}.sr-yer.hedef{border-color:var(--mor)}
.sr-no{flex:none;width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid var(--cizgi2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.sr-yer.dolu .sr-no{background:var(--mor);border-color:var(--mor);color:#fff}
.sr-havuz{display:flex;flex-direction:column;gap:8px}
.sr-sik{min-height:48px;padding:10px 14px;text-align:left;border:1.5px solid var(--cizgi2);border-radius:12px;background:#fff;font-weight:500;font-size:16px;color:var(--metin);transition:border-color .15s,background .15s,transform .15s}
.sr-sik:hover{border-color:var(--mor);background:#FAF6FF;transform:translateX(3px)}
.sr-sonuc{width:100%;border-collapse:collapse;font-size:15px;margin:6px 0 10px}
.sr-sonuc th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);font-weight:700;padding:6px 8px}
.sr-sonuc td{padding:9px 8px;border-top:1px solid #EDEFF4}
.sr-rozet{display:inline-block;min-width:34px;text-align:center;padding:2px 8px;border-radius:999px;font-weight:700;font-size:13px;background:#F1F3F7;color:var(--soluk)}
.sr-sonuc tr.p2 .sr-rozet{background:var(--yesil-zemin);color:var(--yesil)}
.sr-sonuc tr.p1 .sr-rozet{background:#FFF1E8;color:#B33A08}
@media (max-width:560px){.sr-sonuc th:nth-child(3),.sr-sonuc td:nth-child(3){display:none}}

/* 2. Hangisi daha çok? */
.hd-hak{display:inline-flex;gap:6px}.hd-hak i{width:14px;height:14px;border-radius:50%;border:2px solid var(--mor);display:inline-block}.hd-hak i.on{background:var(--mor)}
.hd-not{margin:0 0 10px;font-weight:600;color:var(--mor)}
.hd-ikili{display:flex;flex-direction:column;gap:12px}
.hd-kart{border:1.5px solid var(--cizgi);border-radius:14px;padding:16px 18px;background:#fff;transition:border-color .2s,background .2s}
.hd-kart.gizli{background:#FBFAFE;border-style:dashed;border-color:#C9AEEE}
.hd-kart.dogru{border-color:var(--yesil);background:var(--yesil-zemin)}
.hd-kart.yanlis{border-color:#E3A3A3;background:#FDF1F1}
.hd-q{font-weight:600;font-size:18px;margin:2px 0 6px;line-height:1.3}
.hd-s{margin:0;color:var(--soluk);font-size:15px}.hd-s b{color:var(--metin)}
.hd-p{font-family:var(--fb),sans-serif;font-weight:800;font-size:40px;margin:6px 0 0;color:var(--mor);line-height:1}
.hd-kart.gizli .hd-p{color:#C9AEEE}
.hd-btns{display:flex;gap:10px;margin-top:12px}.hd-btns .btn{flex:1}
.hd-alt .verdict{margin:12px 0 0}

/* 3. Günün anketi serisi */
.oy-gunluk{display:flex;flex-direction:column;gap:16px}
.oy-seri{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--mor-zemin);border:1px solid #DCC6F5;border-radius:var(--r);padding:16px 20px;color:#3F1D70}
.oy-seri.yeni{animation:ha-pop .4s ease}
.oy-seri-n{display:flex;flex-direction:column;align-items:center;min-width:72px}.oy-seri-n b{font-family:var(--fb),sans-serif;font-size:44px;line-height:1}.oy-seri-n span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.oy-seri-m{flex:1;min-width:200px}.oy-seri-m p{margin:0}.oy-seri-msg{font-weight:700;font-size:17px}
.oy-seri .btn-out{border-color:#C9AEEE;color:var(--mor)}.oy-seri .btn-out:hover{background:#fff;border-color:var(--mor)}
.oy-gunluk .js-next,.oy-modal .js-next{display:none}

/* 4. Beraber oyla */
.oy-beraber{display:flex;flex-direction:column;justify-content:center}
.bo-giris,.bo-bekle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0}
.bo-giris p,.bo-bekle p{margin:0}
.bo-baslik{font-family:var(--fb),sans-serif;font-weight:700;font-size:22px;line-height:1.25}
.bo-not{background:var(--zemin);border-radius:10px;padding:10px 14px;margin:0 0 14px;font-weight:600;text-align:center}
.bo-sayac{font-weight:700;font-variant-numeric:tabular-nums;color:var(--mor);font-size:15px}
.bo-cubuk{height:6px;background:#EDEFF4;border-radius:999px;overflow:hidden;margin:2px 0 12px}.bo-cubuk span{display:block;height:100%;background:var(--mor);transition:width .25s linear}
.bo-nabiz{width:18px;height:18px;border-radius:50%;background:var(--mor);animation:bo-nabiz 1.4s ease-out infinite}
@keyframes bo-nabiz{0%{box-shadow:0 0 0 0 rgba(91,42,154,.45)}100%{box-shadow:0 0 0 22px rgba(91,42,154,0)}}
.bo-secenek{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.bo-secenek p{width:100%}
.bo-link{display:flex;gap:8px;width:100%;max-width:520px}
.bo-link input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1.5px solid var(--cizgi2);border-radius:10px;font:inherit;font-size:14px;background:#FBFBFD}
.bo-siklar{display:flex;flex-direction:column;gap:8px}
.bo-sik{min-height:50px;padding:10px 14px;text-align:left;border:1.5px solid var(--cizgi2);border-radius:12px;background:#fff;font-weight:500;font-size:16px;color:var(--metin);transition:border-color .15s,background .15s}
.bo-sik:not(:disabled):hover{border-color:var(--mor);background:#FAF6FF}
.bo-sik.secili{border:2px solid var(--mor);background:var(--mor-zemin);font-weight:700}
.bo-sik:disabled:not(.secili){opacity:.55;cursor:default}
.bo-oyuncular{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.bo-oy{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:var(--zemin);font-size:14px}
.bo-oy em{font-style:normal;color:var(--soluk);font-size:13px}
.bo-oy.tamam{background:var(--yesil-zemin)}.bo-oy.tamam em{color:var(--yesil);font-weight:700}
.bo-acik{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.bo-kim{border:1.5px solid #C9AEEE;border-radius:12px;padding:12px;background:var(--mor-zemin);display:flex;flex-direction:column;gap:4px;animation:ha-pop .35s ease}
.bo-kim span{font-size:13px;color:var(--soluk)}.bo-kim b{font-size:17px}
.bo-kim.bos{background:var(--zemin);border-color:var(--cizgi2)}.bo-kim.bos b{color:var(--soluk)}
@media (max-width:480px){.bo-oyuncular,.bo-acik{grid-template-columns:1fr}}

/* 5. Kategori kartı */
.kk-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:640px){.kk-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kk-k{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:150px;padding:16px;text-align:left;border-radius:16px;border:1.5px solid #DCC6F5;background:linear-gradient(160deg,#fff 0%,var(--mor-zemin) 100%);color:var(--metin);transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.kk-k:not(:disabled):hover{border-color:var(--mor);box-shadow:0 10px 24px rgba(91,42,154,.16);transform:translateY(-3px);background:linear-gradient(160deg,var(--mor-zemin) 0%,#E6D6FA 100%)}
.kk-ust{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mor)}
.kk-ad{font-family:var(--fb),sans-serif;font-weight:700;font-size:19px;line-height:1.2;flex:1}
.kk-ilerle{width:100%;display:flex;flex-direction:column;gap:5px}
.kk-cubuk{height:7px;border-radius:999px;background:#fff;overflow:hidden;display:block}.kk-cubuk span{display:block;height:100%;background:var(--mor);border-radius:999px}
.kk-sayi{font-size:13px;color:var(--soluk)}
.kk-k.bitti{background:#EEF0F3;border-color:#D9DCE3;cursor:default;color:#7A8091}
.kk-k.bitti .kk-ust{color:#8E94A3}
.kk-tebrik{font-size:13px;font-weight:600;color:#5A6072}
.kk-alt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.kk-alt p{margin:0}
.kk-tamam{flex-direction:column;align-items:flex-start;background:var(--mor-zemin);border-radius:var(--r);padding:16px 20px}
.kk-alt .btn:not(.btn-out){background:var(--mor)}.kk-alt .btn:not(.btn-out):hover{background:#3F1D70}
.oy-modal{position:fixed;inset:0;z-index:150;background:rgba(21,25,43,.5);display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:auto}
.oy-modal[hidden]{display:none}
.oy-modal-kutu{position:relative;width:min(560px,100%);background:#fff;border-radius:18px;padding:20px;box-shadow:0 20px 50px rgba(21,25,43,.25)}
.oy-modal-ic{display:flex;flex-direction:column;gap:12px}
.oy-modal .card{border:none;padding:0;box-shadow:none}
.kk-m-ust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 48px 0 0;font-size:14px;color:var(--soluk)}.kk-m-ust b{color:var(--metin)}
.kk-m-say{font-weight:700;color:var(--mor)}
.kk-m-alt{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--cizgi);padding-top:12px}.kk-m-alt .verdict{width:100%;margin:0}
.kk-m-alt .btn:not(.btn-out),.kk-m-bitti .btn{background:var(--mor)}.kk-m-alt .btn:not(.btn-out):hover,.kk-m-bitti .btn:hover{background:#3F1D70}
.kk-m-bitti{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.kk-m-bitti p{margin:0}
body.oy-kilit{overflow:hidden}
@media (prefers-reduced-motion:reduce){.bo-nabiz,.oy-seri.yeni,.bo-kim{animation:none}}

/* Kutu (.box p) kuralının oyun içindeki metinleri küçültmesini engelle */
.oy.box p{font-size:16px}
.oy.box .hd-q{font-size:18px;margin:2px 0 6px}.oy.box .hd-s{font-size:15px;margin:0}.oy.box .hd-p{font-size:40px;margin:6px 0 0}.oy.box .oy-kat{font-size:13px;margin:0}
.oy.box .bo-baslik{font-size:22px;margin:0}.oy.box .oy-buyuk{font-size:22px;margin:4px 0}.oy.box .verdict{font-size:26px}.oy.box .gain{font-size:16px}
.oy.box .bo-not{font-size:15px}.oy.box .total,.oy.box .tiny{font-size:14px}.oy.box .bo-sayac{font-size:15px;margin:0}
@media (max-width:640px){.sr-yer{min-height:42px}.oy.box .hd-p{font-size:34px}.oy{padding:18px}}
.oy-hub-k,.oy-hub-k:hover,.oy-hero-b,.oy-hero-b:hover{text-decoration:none}

/* Kategori kartı penceresi: karıştır düğmesi ve kategori yolu gizli (başlıkta zaten var) */
.oy-modal .js-next,.oy-modal .card-path{display:none}
.kk-m-sayac{width:100%;margin:0;font-size:14px;color:var(--soluk)}.kk-m-sayac b{color:var(--mor);font-variant-numeric:tabular-nums}

/* Seviye kilidi */
.oy-hub-c{position:relative}
.oy-hub-r{position:absolute;top:10px;left:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#15192B;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(21,25,43,.2)}
.oy-hub-r.pasif{background:#8E94A3}
.oy-hub-k.kilitli .cz{filter:saturate(.35);opacity:.75;transition:filter .2s,opacity .2s}
.oy-hub-k.kilitli:hover .cz{filter:none;opacity:1}
.oy-kilitli{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 22px}
.oy-kilitli h2{margin:6px 0 0;font-size:22px}.oy-kilitli p{margin:0 0 10px;color:var(--soluk)}
.oy-kilit-i{width:64px;height:64px;border-radius:18px;background:var(--mor-zemin);color:var(--mor);display:flex;align-items:center;justify-content:center}