#pencere-preloader{position:fixed;inset:0;width:100%;height:100dvh;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999999;perspective:1200px;transition:opacity .25s ease,visibility .25s ease;overflow:hidden}
#pencere-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.pencere-container{position:relative;display:flex;flex-direction:column;align-items:center}.pencere-frame{width:200px;height:260px;border:6px solid #e2e8f0;border-radius:8px;position:relative;display:flex;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 15px rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.pencere-sill{width:230px;height:12px;background:#cbd5e1;border-radius:4px;margin-top:2px;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}
.pencere-pane{width:50%;height:100%;background:linear-gradient(135deg,rgba(56,189,248,.35),rgba(14,165,233,.15));border:3px solid #f8fafc;box-sizing:border-box;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 10px rgba(255,255,255,.3)}.pencere-pane:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:rgba(255,255,255,.7);transform:translateY(-50%)}.pencere-pane-left:after,.pencere-pane-right:after{content:"";position:absolute;top:50%;width:5px;height:24px;background:#cbd5e1;border-radius:3px;transform:translateY(-50%)}.pencere-pane-left:after{right:8px;box-shadow:1px 1px 3px rgba(0,0,0,.3)}.pencere-pane-right:after{left:8px;box-shadow:-1px 1px 3px rgba(0,0,0,.3)}
.pencere-pane-left{transform-origin:left center;border-right:1.5px solid #e2e8f0}.pencere-pane-right{transform-origin:right center;border-left:1.5px solid #e2e8f0}#pencere-preloader.open .pencere-pane-left{transform:rotateY(-135deg)}#pencere-preloader.open .pencere-pane-right{transform:rotateY(135deg)}.pencere-text{color:#fff;margin-top:25px;font-size:15px;font-weight:500;letter-spacing:2px;text-transform:uppercase;font-family:Manrope,Arial,sans-serif;animation:pencerePulse 1.5s infinite alternate}@keyframes pencerePulse{0%{opacity:.4}100%{opacity:1}}@media(max-width:480px){.pencere-frame{width:150px;height:195px}.pencere-sill{width:175px}.pencere-text{font-size:12px}}@media(prefers-reduced-motion:reduce){.pencere-pane,.pencere-text{transition:none;animation:none}}