/* Цвета премии — как на nnr2027.ru: светлый фон, синие заголовки, золото в акцентах. */
body[data-site="award"]{
  color:#172033;
  background:
    linear-gradient(140deg, rgba(219,232,243,.82) 0%, rgba(247,249,252,.42) 36%, rgba(241,228,202,.42) 100%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f7 45%, #ffffff 100%);
}
body[data-site="award"] main::before{
  content:"";
  display:block;
  width:min(1080px, calc(100% - 28px));
  height:clamp(210px, 32vw, 360px);
  margin:18px auto 8px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 18px 50px rgba(16,31,48,.12);
  background-image:
    linear-gradient(90deg, rgba(7,22,39,.28) 0%, rgba(11,34,58,.12) 55%, rgba(11,34,58,.38) 100%),
    url("/assets/img/award-logo.png"),
    url("/assets/img/award-ceremony.jpg");
  background-repeat:no-repeat;
  background-position:center, right 28px center, center 34%;
  background-size:100% 100%, auto 82%, cover;
}
body[data-site="award"] .header,
body[data-site="award"] main,
body[data-site="award"] footer{
  position:relative;
  z-index:1;
}
body[data-site="award"] .header{
  background:rgba(247,249,252,.72);
  border-bottom:1px solid #dce4ec;
  backdrop-filter:blur(16px);
  color:#172033;
}
body[data-site="award"] .brand,
body[data-site="award"] .header a,
body[data-site="award"] .menu summary{
  color:#172033;
}
body[data-site="award"] .menu nav,
body[data-site="award"] .menu[open] nav{
  background:rgba(255,255,255,.94);
  border:1px solid #dce4ec;
  color:#172033;
}
body[data-site="award"] .hero,
body[data-site="award"] .section,
body[data-site="award"] .panel,
body[data-site="award"] footer{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(198,213,226,.72);
  border-radius:22px;
  box-shadow:0 18px 52px rgba(18,45,72,.14), inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  color:#172033;
}
body[data-site="award"] .hero,
body[data-site="award"] .section{
  margin:18px auto;
  padding:28px 8px 32px;
}
body[data-site="award"] .wrap{
  width:min(920px, calc(100% - 28px));
}
body[data-site="award"] h1,
body[data-site="award"] h2,
body[data-site="award"] legend{
  color:#0c2a49;
}
body[data-site="award"] h3{
  color:#172033;
}
body[data-site="award"] .eyebrow{
  color:#9a7840;
  letter-spacing:.14em;
}
body[data-site="award"] .muted,
body[data-site="award"] .hero p,
body[data-site="award"] .section p{
  color:#5f6c7b;
}
body[data-site="award"] .form.panel{
  width:min(760px, 100%);
  margin:0 auto;
  padding:22px 22px 26px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(212,179,106,.55);
  box-shadow:0 18px 52px rgba(18,45,72,.12), inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-site="award"] .form-progress-label{
  color:#9a7840;
}
body[data-site="award"] .step-back{
  background:#fff;
  color:#123b67;
  border-color:#d4b36a;
}
body[data-site="award"] label,
body[data-site="award"] legend{
  color:#172033;
}
body[data-site="award"] input,
body[data-site="award"] select,
body[data-site="award"] textarea{
  background:#fff;
  color:#172033;
  border:1px solid #c5d0db;
  border-radius:10px;
}
body[data-site="award"] select:disabled{
  opacity:.55;
  background:#eef3f7;
}
body[data-site="award"] .price{
  margin:8px 0 14px;
  font-size:clamp(42px,7vw,64px);
  font-weight:750;
  letter-spacing:-.03em;
  line-height:1;
  color:#8d6b2e;
  background:linear-gradient(118deg,#8d6b2e 0%,#c4a15a 48%,#8d6b2e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body[data-site="award"] .button,
body[data-site="award"] button[type="submit"]{
  background:linear-gradient(135deg,#f0d9a0,#e0c078 42%,#d4b36a);
  color:#1a1408;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 12px 30px rgba(201,164,92,.28);
}
body[data-site="award"] button.secondary,
body[data-site="award"] .button.secondary{
  background:rgba(255,255,255,.72);
  color:#0c2a49;
  border:1px solid #c5d0db;
  box-shadow:none;
}
body[data-site="award"] a{
  color:#123b67;
}
body[data-site="award"] .header a.button{
  color:#1a1408;
}
body[data-site="award"] .header a.button.secondary{
  color:#0c2a49;
}
@media (max-width:760px){
  body[data-site="award"] main::before{
    height:200px;
    background-position:center, right 12px center, center 28%;
    background-size:100% 100%, auto 70%, cover;
  }
  body[data-site="award"] .form.panel{
    padding:16px 14px 20px;
  }
}
