/* Переменные из главной страницы */
:root {
  --c0: #0A0A0A; /* Главный Фон - Темный */
  --c1: #1A1A1A; /* Фон 2 - Более светлый темный */
  --c2: #FFCC00; /* Акцент 1 - Ярко-желтый */
  --c3: #FEEB9A; /* Акцент 2 - Бледно-желтый */
  --c4: #FAFAFA; /* Текст - Светлый */
  --c5: #2A2A2A; /* Фон 3 - Средний темный */
  --c6: #FF9900; /* Акцент 3 - Оранжево-желтый */
  --c7: #ffffff; /* Белый */
  --c-shadow: rgba(0, 0, 0, 1);
  --ease: cubic-bezier(.2,.6,0,1);
}

*{box-sizing:border-box}
body,html{height:100%}
body{
  margin:0;
  background:var(--c0);
  color:var(--c4);
  font:400 16px/1.65 'Inter', system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial, sans-serif;
  max-width:100vw;
  overflow-x:hidden
}
a{color:var(--c2);text-decoration:none; transition: color .3s} /* Ссылки желтые */
a:hover {color: var(--c6);}

/* HEADER STYLES */
.p-101{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(180deg,rgba(10,10,10,.85),rgba(10,10,10,.5),transparent);
  backdrop-filter:saturate(1.2) blur(6px)
}
.p-102{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,40px)}
.p-103{display:flex;align-items:center;gap:12px}
.p-104{font-weight:900;letter-spacing:.4px;font-size:clamp(18px,2.2vw,24px); color: var(--c2);} /* Логотип - желтый */
.p-105{display:flex;gap:18px}
.p-105 a{opacity:.9;padding:10px 12px;border-radius:10px;transition:opacity .3s,background .3s}
.p-105 a:hover{opacity:1;background:rgba(255, 204, 0, .15)}

.p-106{display:none;flex-direction:column;gap:8px}
.p-106 span{width:26px;height:2px;background:var(--c4);border-radius:2px;display:block}

.p-107{position:fixed;inset:0;background:rgba(10,10,10,.9);display:none;z-index:50}
.p-107 nav{position:absolute;inset:auto 0 0 0;background:var(--c1);border-top:1px solid rgba(250, 250, 250, .08);padding:24px clamp(16px,6vw,56px)}
.p-107 ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.p-107 a{display:block;padding:12px 8px;border-radius:10px;background:rgba(250, 250, 250, .04)}

@media (max-width:900px){
  .p-105{display:none}
  .p-106{display:flex}
}

/* HERO/HEADER SECTION STYLES */
.p-201{min-height:40svh;display:grid;place-items:center;position:relative;overflow:hidden}
.p-201:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(900px 400px at 12% 0,rgba(255, 204, 0,.08),transparent 60%),radial-gradient(900px 400px at 90% 0,rgba(255, 153, 0,.05),transparent 60%);
  animation:16s linear infinite alternate p-bg
}
.p-202{
  position:absolute;
  inset:0;
  opacity:.15;
  background: var(--c1); /* Используем темный фон */
  filter:none;
  transform:scale(1.06);
  animation:p-kb 24s var(--ease) infinite
}
.p-203{
  position:relative;
  z-index:1;
  max-width:1100px;
  margin:0 auto;
  padding:clamp(20px,6vw,60px);
  text-align:center
}
.p-203 h1{
  margin:0 0 8px;
  font-size:clamp(30px,6vw,64px);
  line-height:1;
  background:linear-gradient(90deg,var(--c2) 20%,var(--c6) 50%,var(--c2) 80%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:8s linear infinite p-sh
}
.p-203 p{margin:0 auto;max-width:72ch;opacity:.92}

/* CONTENT SECTION STYLES */
.p-301{
  min-height:100svh;
  padding:clamp(32px,8vw,120px) 0;
  background:linear-gradient(180deg,var(--c0),var(--c1))
}

.p-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}

.p-card{
  /* Современный/Необруталистский вид */
  background:var(--c1);
  border:2px solid var(--c2); /* Яркая желтая рамка */
  border-radius:0; /* Квадратные углы */
  padding:30px 40px; /* Увеличиваем padding */
  box-shadow: 10px 10px 0px 0px var(--c0); /* Контрастная черная тень */
}
.p-card h2{margin-top:24px; color: var(--c2); font-size: 28px;} /* Желтые заголовки */
.p-card h3{margin-top:18px; color: var(--c6); font-size: 22px;} /* Оранжево-желтые подзаголовки */
.p-card li,.p-card p{opacity:.85}
.p-card ul { padding-left: 20px; }
.p-card b { color: var(--c2); } /* Жирный текст желтым */

.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:1000px){.p-grid{grid-template-columns:1fr}}

/* FOOTER STYLES */
footer.p-901{
  padding:28px clamp(16px,4vw,40px);
  background:var(--c1);
  border-top:1px solid var(--c2); /* Желтая линия */
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  justify-content:space-between
}
.p-fnav{display:flex;gap:14px}
.p-addr{font-size:14px;opacity:.85}

@keyframes p-kb{0%,100%{transform:scale(1.06) translate(0,0)}50%{transform:scale(1.12) translate(2%,-1%)}}
@keyframes p-bg{0%{transform:translateY(0)}100%{transform:translateY(16px)}}
@keyframes p-sh{0%{background-position:0 50%}100%{background-position:200% 50%}}