/* OB Mert Araç Proje v2.3.0 - Yönetilebilir açılış ve kutlama deneyimi */
html.ob-acilis-hazirlik body{overflow:hidden!important;background:#020713!important}
html.ob-acilis-hazirlik body>:not(.ob-acilis-deneyimi):not(script):not(style){visibility:hidden!important}
.ob-acilis-deneyimi[hidden]{display:none!important}
.ob-acilis-deneyimi{
    --ob-acilis-ana:#2f7dff;
    --ob-acilis-vurgu:#8b5cf6;
    position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;
    min-height:100dvh;padding:clamp(1rem,3vw,2.5rem);overflow:hidden;color:#f8fbff;
    background:
        radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--ob-acilis-ana) 34%,transparent),transparent 28rem),
        radial-gradient(circle at 84% 82%,color-mix(in srgb,var(--ob-acilis-vurgu) 28%,transparent),transparent 31rem),
        linear-gradient(145deg,#020713 0%,#061324 50%,#030812 100%);
    isolation:isolate;opacity:0;visibility:hidden;transition:opacity .42s ease,visibility .42s ease
}
.ob-acilis-deneyimi.ob-acilis-acik{opacity:1;visibility:visible}
.ob-acilis-deneyimi:before,.ob-acilis-deneyimi:after{content:"";position:absolute;pointer-events:none}
.ob-acilis-deneyimi:before{inset:0;opacity:.34;background-image:linear-gradient(rgba(126,171,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,171,235,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle,#000 12%,transparent 78%)}
.ob-acilis-deneyimi:after{width:min(80vw,940px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(132,177,241,.13);box-shadow:0 0 0 80px rgba(79,127,255,.025),0 0 0 160px rgba(139,92,246,.018);animation:ob-acilis-halka 8s linear infinite}
.ob-acilis-katman{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ob-acilis-parilti{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 20px 5px var(--ob-acilis-ana);opacity:.45;animation:ob-acilis-parilti 4.8s ease-in-out infinite}
.ob-acilis-parilti:nth-child(1){left:12%;top:20%;animation-delay:-1s}.ob-acilis-parilti:nth-child(2){right:13%;top:16%;animation-delay:-2.3s}.ob-acilis-parilti:nth-child(3){left:20%;bottom:16%;animation-delay:-3.5s}.ob-acilis-parilti:nth-child(4){right:18%;bottom:20%;animation-delay:-.4s}
.ob-acilis-kart{
    position:relative;z-index:5;width:min(94vw,920px);padding:clamp(1.4rem,4vw,3.8rem);text-align:center;
    border:1px solid rgba(155,188,235,.23);border-radius:clamp(1.4rem,3vw,2.35rem);
    background:linear-gradient(145deg,rgba(12,29,51,.9),rgba(5,14,29,.86));
    box-shadow:0 42px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(24px) saturate(130%);transform:translateY(22px) scale(.975);opacity:0;
    transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .55s ease
}
.ob-acilis-acik .ob-acilis-kart{transform:none;opacity:1}
.ob-acilis-logo{display:inline-grid;place-items:center;width:clamp(72px,10vw,102px);height:clamp(72px,10vw,102px);margin-bottom:1.35rem;border-radius:1.45rem;background:linear-gradient(135deg,var(--ob-acilis-ana),var(--ob-acilis-vurgu));box-shadow:0 18px 55px color-mix(in srgb,var(--ob-acilis-ana) 42%,transparent),inset 0 1px rgba(255,255,255,.35)}
.ob-acilis-logo img{max-width:68%;max-height:68%;filter:drop-shadow(0 7px 16px rgba(0,0,0,.25))}
.ob-acilis-ust{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.8rem;padding:.42rem .78rem;border:1px solid rgba(139,174,226,.2);border-radius:999px;color:#a9c7f4;background:rgba(37,90,167,.12);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ob-acilis-kart h1{max-width:760px;margin:0 auto .8rem;color:#fff;font-size:clamp(2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.ob-acilis-kart p{max-width:650px;margin:0 auto 1.7rem;color:#b8c8dd;font-size:clamp(.96rem,1.7vw,1.18rem);line-height:1.65;text-wrap:balance}
.ob-acilis-dugme{
    display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-width:min(100%,300px);min-height:58px;padding:.9rem 1.35rem;
    border:0;border-radius:1rem;color:#fff;background:linear-gradient(115deg,var(--ob-acilis-ana),var(--ob-acilis-vurgu));
    box-shadow:0 16px 45px color-mix(in srgb,var(--ob-acilis-ana) 38%,transparent);font-weight:850;letter-spacing:.01em;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease
}
.ob-acilis-dugme:hover,.ob-acilis-dugme:focus-visible{transform:translateY(-3px) scale(1.015);filter:saturate(1.14);box-shadow:0 23px 58px color-mix(in srgb,var(--ob-acilis-ana) 50%,transparent)}
.ob-acilis-dugme:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ob-acilis-dugme i{font-size:1.2rem}.ob-acilis-ipucu{display:block;margin-top:1rem;color:#7f95b2;font-size:.76rem}
.ob-acilis-kapat{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(173,199,237,.18);border-radius:50%;color:#cbd8ea;background:rgba(7,18,34,.58);transition:.2s ease}
.ob-acilis-kapat:hover,.ob-acilis-kapat:focus-visible{color:#fff;background:rgba(56,105,187,.25);border-color:rgba(135,176,241,.38)}
.ob-acilis-kurdele-sahne{position:relative;margin:1.5rem auto 1.9rem;width:min(100%,720px);height:88px;display:flex;align-items:center;justify-content:center}
.ob-acilis-kurdele{position:absolute;top:26px;width:55%;height:38px;background:linear-gradient(180deg,color-mix(in srgb,var(--ob-acilis-vurgu) 82%,#fff),var(--ob-acilis-vurgu));box-shadow:0 12px 28px color-mix(in srgb,var(--ob-acilis-vurgu) 32%,transparent);transition:transform .8s cubic-bezier(.16,.84,.34,1),opacity .62s ease}
.ob-acilis-kurdele:after{content:"";position:absolute;inset:8px 0;border-block:1px solid rgba(255,255,255,.35)}
.ob-acilis-kurdele-sol{right:50%;border-radius:10px 0 0 10px;transform-origin:right center}.ob-acilis-kurdele-sag{left:50%;border-radius:0 10px 10px 0;transform-origin:left center}
.ob-acilis-kurdele-dugum{position:relative;z-index:2;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--ob-acilis-ana),var(--ob-acilis-vurgu));box-shadow:0 15px 45px rgba(0,0,0,.35),inset 0 2px rgba(255,255,255,.35);font-size:1.65rem;transition:transform .5s ease,opacity .4s ease}
.ob-acilis-kurdele-metin{position:absolute;bottom:-5px;color:#9fb1c9;font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.ob-acilis-kesildi .ob-acilis-kurdele-sol{transform:translateX(-62%) rotate(-8deg);opacity:0}.ob-acilis-kesildi .ob-acilis-kurdele-sag{transform:translateX(62%) rotate(8deg);opacity:0}.ob-acilis-kesildi .ob-acilis-kurdele-dugum{transform:scale(.4) rotate(45deg);opacity:0}
.ob-acilis-konfeti{position:absolute;inset:0;width:100%;height:100%;z-index:9;pointer-events:none}
.ob-acilis-balonlar{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.ob-acilis-balon{position:absolute;bottom:-160px;width:52px;height:66px;border-radius:50% 50% 47% 47%;background:var(--ob-balon-renk);box-shadow:inset -9px -10px rgba(0,0,0,.12),inset 8px 5px rgba(255,255,255,.22),0 14px 28px rgba(0,0,0,.2);animation:ob-acilis-balon var(--ob-balon-sure) ease-in forwards;animation-delay:var(--ob-balon-gecikme)}
.ob-acilis-balon:before{content:"";position:absolute;left:50%;bottom:-8px;border:6px solid transparent;border-bottom:0;border-top-color:var(--ob-balon-renk);transform:translateX(-50%)}
.ob-acilis-balon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:76px;background:rgba(255,255,255,.35)}
.ob-acilis-deneyimi.ob-acilis-kapaniyor{opacity:0;visibility:hidden;transition-duration:.7s}
.ob-acilis-deneyimi.ob-acilis-kapaniyor .ob-acilis-kart{transform:scale(1.035);opacity:0}
body.ob-acilis-kilitli{overflow:hidden!important}
@keyframes ob-acilis-halka{to{transform:rotate(360deg)}}
@keyframes ob-acilis-parilti{0%,100%{transform:scale(.45);opacity:.15}50%{transform:scale(1.25);opacity:.7}}
@keyframes ob-acilis-balon{0%{transform:translate3d(0,0,0) rotate(-4deg) scale(var(--ob-balon-olcek,1))}45%{transform:translate3d(var(--ob-balon-sapma),-55vh,0) rotate(5deg) scale(var(--ob-balon-olcek,1))}100%{transform:translate3d(var(--ob-balon-sapma-geri),-125vh,0) rotate(-4deg) scale(var(--ob-balon-olcek,1))}}
@media(max-width:575.98px){.ob-acilis-kart{padding:2.1rem 1rem 1.5rem}.ob-acilis-kart h1{font-size:2.35rem}.ob-acilis-kurdele-sahne{height:74px}.ob-acilis-kurdele{height:31px;top:23px}.ob-acilis-kurdele-dugum{width:62px;height:62px}.ob-acilis-kapat{top:.65rem;right:.65rem}}
@media(prefers-reduced-motion:reduce){.ob-acilis-deneyimi:after,.ob-acilis-parilti,.ob-acilis-balon{animation:none!important}.ob-acilis-kart,.ob-acilis-deneyimi,.ob-acilis-kurdele,.ob-acilis-kurdele-dugum{transition-duration:.01ms!important}}