/* VASTUBASE: VIP-страница конференции «Астро-Васту» (HQ-484). Токены и поля — из vb.css. */
.vip-html body{background:var(--bg)}
#vb-vip{background:var(--bg);color:var(--text);font-family:var(--font-body)}
.vip{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.vip__top{padding-block:clamp(1rem,0.7rem + 1.2vw,1.75rem)}
.vip__logo{display:inline-flex;color:var(--terracotta)}
.vip__logo .logo{height:clamp(1.9rem,1.6rem + 0.6vw,2.3rem)}
.vip__main{flex:1;display:grid;gap:clamp(1.5rem,1rem + 2vw,2.5rem);align-content:start;padding-bottom:clamp(2.5rem,2rem + 3vw,5rem)}
.vip__intro .eyebrow{margin-bottom:1rem}
.vip__title{font-size:clamp(1.9rem,1.2rem + 3vw,3.6rem);line-height:1.02;text-transform:uppercase;max-width:14ch}
.vip__title em{display:block;font-style:normal;color:var(--terracotta-deep)}
.vip__lead{margin-top:1.1rem;font-size:var(--step-lead);line-height:1.5;color:var(--text-muted);max-width:42ch}
.vip__card{background:var(--cream-40);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.25rem,1rem + 1.4vw,2.25rem)}
.vip__card-title{font-size:var(--step-h3);text-transform:uppercase}
.vip__card .form{margin-top:1rem}
.vip__card .btn{width:100%}
.vip__card .form__fail{font-size:0.85rem;color:#96301c}
.vip__success{display:none;gap:0.75rem;text-align:center;padding-block:1.5rem}
.vip__success h2{font-size:var(--step-h3);text-transform:uppercase}
.vip__success p{color:var(--text-muted)}
.vip__card[data-state="success"] .form,.vip__card[data-state="success"] .vip__card-title{display:none}
.vip__card[data-state="success"] .vip__success{display:grid}
.vip__points{list-style:none;margin:0;padding:0;display:grid;gap:0.75rem;max-width:34rem}
.vip__points li{position:relative;padding-left:1.6rem;line-height:1.45}
.vip__points li::before{content:"";position:absolute;left:0;top:0.62em;width:0.9rem;height:1px;background:var(--terracotta)}
.vip__foot{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem;padding-block:1.25rem 1.75rem;border-top:1px solid var(--line);font-size:var(--step-small);color:var(--text-muted)}
.vip__foot a:hover{color:var(--text)}
@media (max-width:640px){
  .vip__card{margin-inline:calc(var(--gutter) * -0.5)}
  .vip__card .form{grid-template-columns:1fr 1fr;column-gap:0.7rem}
}
@media (min-width:960px){
  .vip__main{grid-template-columns:minmax(0,1fr) minmax(0,30rem);grid-template-areas:"intro card" "points card";column-gap:clamp(3rem,6vw,6rem);align-items:start;padding-top:clamp(1.5rem,4vw,4rem)}
  .vip__intro{grid-area:intro}
  .vip__card{grid-area:card}
  .vip__points{grid-area:points}
}