/* ===============================
   BASE SETTINGS
================================ */

body {
  background-color: #F6F7F9;
  color: #1C1C1E;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

/* Плавность для всего */
* {
  transition: 
    opacity 0.6s ease,
    transform 0.6s ease,
    filter 0.6s ease,
    box-shadow 0.6s ease,
    background 0.6s ease;
}

/* ===============================
   TEXT
================================ */

h1, h2, h3 {
  letter-spacing: -0.01em;
}

p {
  line-height: 1.7;
  color: #2C2F36;
}

/* ===============================
   GLASS BASE (универсальный класс)
================================ */

.glass {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border-radius: 24px;
}

/* ===============================
   GLASS BUTTONS
================================ */

a.t-btn,
button {
  background: rgba(255,255,255,0.45);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 999px;
}

a.t-btn:hover,
button:hover {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  transform: translateY(-2px);
}

/* ===============================
   GLASS CARDS (Zero Block)
================================ */

.t396__elem:hover {
  transform: translateY(-6px);
}

/* ===============================
   LIQUID MOTION (мягкое дыхание)
================================ */

@keyframes floatSlow {
  0%   { transform: translateY(0px) scale(1); }
  50%  { transform: translateY(-20px) scale(1.02); }
  100% { transform: translateY(0px) scale(1); }
}

.liquid {
  animation: floatSlow 16s ease-in-out infinite;
}

/* ===============================
   IMAGES
================================ */

img {
  border-radius: 20px;
}

/* ===============================
   FAQ / ACCORDION FEEL
================================ */

details {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 16px 24px;
  margin-bottom: 12px;
}

/* ===============================
   DARK SECTIONS (lookbook / video)
================================ */

.dark-section {
  background-color: #1C1C1E;
  color: #F6F7F9;
}

.dark-section p {
  color: #C7CBD6;