/* ═══════════════════════════════════════════════
   SHARED STYLES — физфак МГУ 1976
═══════════════════════════════════════════════ */
:root {
  --gold:  #c9a84c;
  --dark:  #0d0e18;
  --dark2: #13141f;
  --cream: #f0ebe0;
  --muted: rgba(240,235,224,0.45);
  --border:rgba(201,168,76,0.18);
  --r:     8px;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--dark);
  color: var(--cream);
  font-family: 'Raleway', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}
body::before {
  content:'';
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(201,168,76,.10) 0%, transparent 70%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(201,168,76,.06) 0%, transparent 60%);
}

/* ── SITE HEADER / NAV ── */
.site-header {
  position: sticky; top:0; z-index:200;
  background: rgba(13,14,24,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.nav-inner {
  max-width: 1200px; margin:0 auto;
  padding: 0 20px;
  display: flex; align-items: center; gap:0;
  height: 56px;
}
.nav-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem; font-weight:600;
  color: var(--gold);
  text-decoration: none;
  white-space: nowrap;
  margin-right: auto;
  letter-spacing: 0.5px;
}
.nav-logo span { font-style:italic; }
.nav-menu {
  display: flex; align-items:center; gap:0;
  list-style: none;
}
.nav-menu li a {
  display: block;
  padding: 8px 16px;
  font-size: 12px; font-weight:600;
  letter-spacing: 1.5px; text-transform:uppercase;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
  white-space: nowrap;
}
.nav-menu li a:hover { color: var(--cream); }
.nav-menu li a.active { color: var(--gold); border-bottom-color: var(--gold); }

/* Burger */
.burger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; background:none; border:none; }
.burger span { width:22px; height:2px; background:var(--cream); border-radius:2px; transition:all .3s; }

/* Mobile nav */
.mobile-nav {
  display:none; flex-direction:column;
  background: rgba(13,14,24,0.98);
  border-top:1px solid var(--border);
}
.mobile-nav.open { display:flex; }
.mobile-nav a {
  padding:14px 24px;
  font-size:13px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--muted); text-decoration:none;
  border-bottom:1px solid rgba(201,168,76,.08);
  transition:color .2s, background .2s;
}
.mobile-nav a:hover, .mobile-nav a.active { color:var(--gold); background:rgba(201,168,76,.04); }

/* ── PAGE WRAPPER ── */
.page { position:relative; z-index:1; }

/* ── SECTION TITLES ── */
.section-title {
  font-family:'Cormorant Garamond',serif;
  font-size:1.7rem; color:var(--gold);
  text-align:center; margin-bottom:8px;
}
.section-sub {
  text-align:center; font-size:13px;
  letter-spacing:2px; color:var(--muted);
  text-transform:uppercase; margin-bottom:30px;
}

/* ── FOOTER ── */
.site-footer {
  text-align:center; padding:36px 20px;
  border-top:1px solid var(--border);
  font-size:11px; letter-spacing:2px;
  text-transform:uppercase; color:var(--muted);
  position:relative; z-index:1;
}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .nav-menu { display:none; }
  .burger { display:flex; }
  .nav-logo { font-size:.9rem; }
}
@media(max-width:480px){
  .nav-logo { font-size:.8rem; }
}