/* Hafiye2 giris (lobi) v14 */
html,body{height:100%}
body.lobi{min-height:100vh;display:flex;padding:18px}
.l-cerceve{position:relative;margin:auto;width:min(1400px,100%);min-height:min(860px,calc(100vh - 36px));display:flex;flex-direction:column;border:1px solid var(--cizgi2);border-radius:6px;overflow:hidden;background:#0d0907;box-shadow:0 30px 80px rgba(0,0,0,.7),inset 0 0 0 1px rgba(0,0,0,.6)}
.l-cerceve:before{content:"";position:absolute;inset:7px;border:1px solid rgba(217,178,106,.16);border-radius:3px;pointer-events:none;z-index:6}
.l-kose{position:absolute;width:22px;height:22px;z-index:7;pointer-events:none;border-color:var(--altin)}
.l-kose.k1{left:12px;top:12px;border-left:1px solid;border-top:1px solid}
.l-kose.k2{right:12px;top:12px;border-right:1px solid;border-top:1px solid}
.l-kose.k3{left:12px;bottom:12px;border-left:1px solid;border-bottom:1px solid}
.l-kose.k4{right:12px;bottom:12px;border-right:1px solid;border-bottom:1px solid}
.l-arka{position:absolute;inset:0;z-index:0}
.l-arka img{width:100%;height:100%;object-fit:cover;object-position:30% 30%}
.l-arka:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(13,7,7,.88) 0%,rgba(13,7,7,.62) 34%,rgba(13,7,7,.08) 62%,transparent 75%),linear-gradient(0deg,rgba(13,7,7,.92) 0%,rgba(13,7,7,.35) 26%,transparent 46%),linear-gradient(180deg,rgba(13,7,7,.7) 0%,transparent 14%)}
.l-ust{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:0 34px;border-bottom:1px solid rgba(217,178,106,.18);background:linear-gradient(180deg,rgba(13,7,7,.75),rgba(13,7,7,.25))}
.l-ust .logo img{height:50px;width:auto}
.l-menu{display:flex;gap:28px;position:absolute;left:50%;transform:translateX(-50%)}
.l-menu a{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);transition:.2s}
.l-menu a svg{width:16px;height:16px;opacity:.85}
.l-menu a:hover{color:var(--altin2)}
.l-bos{width:120px}
.l-orta{position:relative;z-index:4;flex:1;display:flex;align-items:center;justify-content:flex-end;padding:40px 7% 40px}
.l-yazi{width:min(520px,100%);text-align:center}
.l-yazi .l-logo{width:min(420px,90%);margin:0 auto 10px;filter:drop-shadow(0 0 30px rgba(163,33,27,.45)) drop-shadow(0 10px 20px rgba(0,0,0,.6))}
.l-yazi h1{font-family:var(--baslik);font-weight:700;font-size:clamp(22px,2.3vw,30px);line-height:1.3;color:var(--yazi);letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.8)}
.l-yazi h1 b{color:var(--altin)}
.l-yazi p{margin:10px auto 0;max-width:440px;font-size:14px;color:var(--yazi);opacity:.85;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.l-dug{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px;text-align:left}
.l-dug a{position:relative;display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;border:1px solid var(--cizgi2);background:linear-gradient(180deg,rgba(38,20,18,.88),rgba(18,10,9,.92));color:var(--yazi);font-family:var(--baslik);font-weight:700;font-size:15px;letter-spacing:.03em;box-shadow:inset 0 0 0 3px rgba(13,7,7,.85),inset 0 0 0 4px rgba(217,178,106,.18),0 8px 22px rgba(0,0,0,.45);transition:.2s}
.l-dug a:hover{border-color:var(--altin);transform:translateY(-2px)}
.l-dug a.ana{background:linear-gradient(180deg,#b3261e,#6e1411);border-color:var(--altin);color:var(--altin2)}
.l-dug a svg{width:18px;height:18px;flex:none;color:var(--altin)}
.l-dug a.ana svg{color:var(--altin2)}
.l-dug a i{margin-left:auto;font-style:normal;font-size:13px;color:var(--soluk)}
.l-alt{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:20px 34px 24px;border-top:1px solid rgba(217,178,106,.18);background:linear-gradient(0deg,rgba(13,7,7,.9),rgba(13,7,7,.55))}
.l-acilis small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--altin)}
.l-acilis strong{display:block;font-family:var(--baslik);font-size:26px;color:var(--yazi);line-height:1.3;margin-top:4px}
.l-acilis span{font-size:11.5px;color:var(--soluk)}
.l-sayac{display:flex;align-items:flex-start;gap:10px}
.l-sayac div{text-align:center}
.l-sayac b{display:grid;place-items:center;width:74px;height:62px;border:1px solid var(--cizgi2);background:rgba(18,10,9,.85);font-family:var(--baslik);font-size:32px;color:var(--altin2);box-shadow:inset 0 0 0 3px rgba(13,7,7,.8)}
.l-sayac small{display:block;margin-top:7px;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--soluk)}
.l-sayac em{font-style:normal;color:var(--altin);font-size:20px;line-height:62px}
.l-dc{justify-self:end;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--cizgi2);background:rgba(18,10,9,.85);color:var(--altin2);transition:.2s}
.l-dc:hover{border-color:var(--altin);background:#5865f2;color:#fff}
.l-dc svg{width:22px;height:22px}
@media (max-width:900px){
 body.lobi{padding:8px}
 .l-cerceve{min-height:calc(100vh - 16px)}
 .l-ust{height:64px;padding:0 18px}
 .l-ust .logo img{height:40px}
 .l-menu{position:static;transform:none;gap:16px}
 .l-menu a span{display:none}
 .l-menu a svg{width:20px;height:20px}
 .l-bos{display:none}
 .l-arka img{object-position:22% 20%}
 .l-arka:after{background:linear-gradient(0deg,rgba(13,7,7,.96) 0%,rgba(13,7,7,.78) 38%,rgba(13,7,7,.15) 70%,rgba(13,7,7,.5) 100%)}
 .l-orta{align-items:flex-end;justify-content:center;padding:200px 18px 26px}
 .l-yazi .l-logo{width:min(300px,80%)}
 .l-dug{gap:10px}
 .l-dug a{height:52px;padding:0 14px;font-size:14px}
 .l-alt{grid-template-columns:auto auto;justify-content:center;padding:18px 18px 22px;gap:16px 12px}
 .l-acilis{grid-column:1/-1;text-align:center}
 .l-dc{justify-self:start;align-self:start;height:52px;width:52px}
 .l-sayac b{width:58px;height:52px;font-size:26px}
 .l-sayac em{line-height:52px}
}
@media (max-width:420px){.l-dug a{font-size:13px;gap:9px;padding:0 11px}.l-sayac{gap:4px}.l-sayac b{width:50px}.l-sayac em{font-size:16px}}