/* ═══════════════════════════════════════════
   BASE — kök değişkenler, reset, temel tipografi
   Her sayfada yüklenir.
   ═══════════════════════════════════════════ */

:root{
  --navy:#242c5a;--gold:#e5212d;--gold-lt:#ff4d57;
  --cream:#f7f7f7;--white:#fff;--text:#2c2c2c;--muted:#6b6b6b;
  --border:rgba(0,0,0,.08);--red:#e5212d;
  --mega-text:#d9d9d9;
  --font-d:'Space Grotesk',system-ui,sans-serif;
  --font-b:'Roboto',system-ui,sans-serif;
  --ease:.3s cubic-bezier(.4,0,.2,1);
  --shadow:0 8px 32px rgba(19,33,60,.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{font-family:var(--font-b);font-weight:400;color:var(--text);background:var(--white);line-height:1.7;overflow-x:hidden;}
main{padding-top:106px;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

@media(max-width:1200px){
  main{padding-top:70px;}
}