/* =====================
   ..:uguMugu:.. shared.css
   ===================== */

/* RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#f5f5f7;color:#4b4b4b;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:.25s ease}
img{display:block;width:100%}

/* NAV */
nav{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 28px;background:rgba(255,255,255,.75);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}
nav .logo{justify-self:start}
nav .menu{justify-self:center}
nav .lang{justify-self:end}
.logo{font-weight:600;font-family:'Monda','Inter',sans-serif;color:#4b4b4b;text-shadow:0 0 1px rgba(255,255,255,.22),0 0 8px rgba(255,185,90,.10),0 0 22px rgba(255,170,70,.08)}
.menu,.lang{display:flex;align-items:center;gap:18px}
.menu a{color:#4b4b4b;font-size:.95rem}
.menu a:hover{transform:translateY(-1px)}
.menu a.active{color:#111;box-shadow:0 0 0 6px rgba(0,0,0,.07);background:rgba(0,0,0,.07);border-radius:999px;font-weight:500}
.lang button{border:none;background:transparent;cursor:pointer;font-family:inherit;color:#666;font-size:.9rem}
.lang button:hover{transform:translateY(-1px)}
.lang .active{color:#111;border-bottom:1px solid #111}

/* HERO (paylaşılan) */
.hero-illustration{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;opacity:.55;z-index:0;filter:blur(.2px)}
.hero-illustration svg{width:100%;height:100%}
.hero-title{position:relative;z-index:2;font-size:3.2rem;margin:0 auto;font-weight:600;display:block;text-align:center;color:#4b4b4b;font-family:'Monda','Inter',sans-serif;text-shadow:0 0 1px rgba(255,255,255,.2),0 0 10px rgba(255,180,90,.08)}

/* FOOTER */
footer{padding:32px 24px;text-align:center;border-top:1px solid rgba(0,0,0,.06);color:#aaa;font-size:.85rem}
footer span{font-family:'Monda','Inter',sans-serif}

/* RESPONSIVE NAV */
@media(max-width:768px){
  nav{grid-template-columns:1fr auto;gap:8px;padding:12px 16px}
  nav .logo{font-size:.8rem}
  nav .menu{grid-column:1/-1;justify-self:start;gap:10px;flex-wrap:nowrap;overflow-x:auto}
  nav .menu a{font-size:.82rem;white-space:nowrap}
  nav .lang{grid-column:unset}
}