/* ---------- Base Styles ---------- */
:root{
  --bg-main:#000;
  --text-main:#f4f6fa;
  --accent-a:#00e1ff;
  --accent-b:#ff5e6c;
  --accent-c:#ffd166;
  --about-skill-color:#ffd166;
  --about-approach-color:#00e1ff;
  --about-goal-color:#ff5e6c;
  --radius:12px;
  --shadow-lg:0 12px 34px rgba(0,0,0,.55);
  --bg-dynamic:var(--bg-main);
  --contact-bg:linear-gradient(135deg,#121f46 0%,#0d1328 100%);
  --bg-dark:#000;
  --bg-light:#f9f8f5;
  --text-dark:#242424;
  --text-light:#ffffff;
  --accent:#b59d7a;
}

/* базовый сброс + типографика */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html,body{
  height:100%;
  min-height:100%;
  margin:0;
  scroll-behavior:smooth;
  background:var(--bg-dark);
  color:#d1d5db;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
body{
  line-height:1.6;
  background:var(--bg-dynamic);
  color:var(--text-main);
  transition:background .8s ease;
  scroll-snap-type:y mandatory;
  overflow-y:scroll;
  position:relative;
}
a{color:var(--accent-a)}
a:hover{text-decoration:underline}
.hidden{display:none}

/* Единый стиль карточек */
.card{
  backdrop-filter:blur(14px) saturate(170%);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
}