/* Новый год 2027 — вариант B (структура из klasspark-ng-2027-landing.zip). Всё под .nb, тему не трогает. */
.nb{
  --night:#081a36; --night2:#0f2c58; --ink:#0f2a4a; --text:#506779; --line:#e2ecf2;
  --mint:#3ecfcf; --mint-d:#169a9a; --orange:#fe4201; --orange2:#ff7a1a; --orange-d:#c43200;
  --berry:#ff3d7f; --berry-d:#c81c58; --sun:#ffc531; --sun-d:#d99500;
  --snow:#f4f9fc; --cream:#fff8ee;
  --display:'Riffic','Gilroy',sans-serif;
  font-family:'Gilroy','Nunito',sans-serif; color:var(--ink); background:var(--snow); overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
.nb *{box-sizing:border-box}
.nb :where(h1,h2,h3,p,ul,figure){margin:0}
.nb :where(ul){padding:0;list-style:none}
.nb :where(a){text-decoration:none}
.nb-wrap{max-width:1220px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.nb-sec{position:relative;padding:80px 0}

/* ---------- общие ---------- */
.nb-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--mint-d)}
.nb-eyebrow i{font-style:normal;font-family:var(--display);font-size:14px;letter-spacing:0;color:#fff;background:var(--mint);padding:5px 10px;border-radius:10px;rotate:-6deg}
.nb-eyebrow--light{color:var(--mint)}
.nb-heading{text-align:center;max-width:820px;margin:0 auto 40px}
.nb-heading h2,.nb-raffle__copy h2,.nb-contact__copy h2{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-.5px;margin-top:16px}
.nb h2 em{font-style:normal;background:linear-gradient(100deg,var(--mint-d),var(--mint) 45%,#5fb8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-heading p{font-size:19px;line-height:1.6;color:var(--text);margin-top:20px}
.nb-heading--light h2{color:#fff}
.nb-heading--light h2 em,.nb-contact__copy h2 em{background:linear-gradient(100deg,var(--sun),#ffe9a8 50%,var(--mint));-webkit-background-clip:text;background-clip:text}
.nb-heading--light p{color:#bcd3ea}

.nb-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-family:var(--display);font-weight:400;font-size:18px;line-height:1;padding:20px 32px;border-radius:50px;white-space:nowrap;overflow:hidden;transition:transform .18s,box-shadow .18s,filter .2s,background .2s,color .2s}
.nb-btn--orange{color:#fff;background:linear-gradient(180deg,#ff8a2a,var(--orange));box-shadow:0 6px 0 var(--orange-d),0 18px 30px -8px rgba(254,66,1,.55)}
.nb-btn--orange::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:nbShine 3.6s ease-in-out infinite}
@keyframes nbShine{0%,60%{left:-60%}100%{left:130%}}
.nb-btn--orange:hover{transform:translateY(-2px);filter:brightness(1.06);color:#fff}
.nb-btn--orange:active{transform:translateY(4px);box-shadow:0 2px 0 var(--orange-d)}
.nb-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.nb-btn--glass{color:#fff;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.nb-btn--glass:hover{background:#fff;color:var(--ink)}
.nb-btn--line{color:var(--ink);background:#fff;border:3px solid var(--c);box-shadow:0 5px 0 var(--cd);font-size:16px;padding:15px 26px;margin-top:8px}
.nb-btn--line:hover{background:var(--c);color:#fff}

.nb-img{display:block;position:relative}
.nb-img img{display:block;width:100%;height:100%;object-fit:cover}
.nb-img.is-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dff3fb,#c6e7f5)}
.nb-img.is-empty::after{content:attr(data-fallback);font-size:clamp(48px,7vw,100px);line-height:1}

.ng-snowfall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.ng-js [data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.ng-js [data-reveal].is-in{opacity:1;transform:none}
@keyframes nbFloat{50%{translate:0 -16px}}
@keyframes nbBob{50%{translate:0 -14px}}
@keyframes nbSwing{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@keyframes nbPulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.8}}

/* =========================================================
   ГЕРОЙ
========================================================= */
.nb-hero{position:relative;padding:150px 0 120px;color:#fff;background:var(--night);isolation:isolate}
/* фон без увеличения: до 1920px показываем картинку в натуральном размере, ниже неё — цвет ночи */
.nb-hero__bg{position:absolute;inset:0;background:url('../img/ng/ng-hero-bg.webp') center top/max(100%,1920px) auto no-repeat;z-index:0}
.nb-hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,26,54,.92) 0%,rgba(8,26,54,.75) 34%,rgba(8,26,54,.1) 62%,transparent 80%),linear-gradient(180deg,rgba(8,26,54,.5),transparent 30%,transparent 62%,rgba(8,26,54,.85) 88%,var(--night))}
.nb-hero__grid{z-index:4;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:10px;align-items:end;max-width:1360px}
.nb-hero__copy{align-self:center;padding-bottom:90px}
.nb-h1{font-family:var(--display);font-weight:400;font-size:clamp(46px,5.8vw,88px);line-height:.95;letter-spacing:-1px;margin:20px 0 16px;text-shadow:0 20px 50px rgba(0,0,0,.4)}
.nb-h1 em{font-style:normal;background:linear-gradient(100deg,var(--mint),#8ff0f0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(62,207,207,.35))}
.nb-hero__subtitle{font-family:var(--display);font-size:clamp(22px,2.4vw,34px);line-height:1.15;color:var(--sun)}
.nb-hero__intro{font-size:19px;line-height:1.6;color:#d6e6f5;max-width:520px;margin-top:20px}
.nb-facts{display:flex;flex-wrap:wrap;gap:0;margin:30px 0 34px}
.nb-facts div{padding:0 24px;border-left:2px solid rgba(255,255,255,.18)}
.nb-facts div:first-child{padding-left:0;border-left:0}
.nb-facts b{display:block;font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1}
.nb-facts div:first-child b{color:var(--sun)}
.nb-facts span{display:block;margin-top:4px;font-size:14px;color:#a9c3dc}
.nb-hero__cta{display:flex;flex-wrap:wrap;gap:14px}

/* персонажи «стоят» на форме-подарке: ноги уходят под карточку */
.nb-hero__art{position:relative;margin:0 -40px -44px 0}
.nb-halo{position:absolute;left:50%;top:50%;width:95%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.55) 0%,rgba(62,207,207,.28) 40%,transparent 68%);filter:blur(10px);animation:nbPulse 5s ease-in-out infinite}
.nb-hero__heroes{position:relative;z-index:1;width:100%;width:min(120%,820px);max-width:none;margin-left:-12%;aspect-ratio:1300/1207;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.nb-hero__heroes img{object-fit:contain}
.nb-hero__heroes.is-empty{background:none}
.nb-sticker{position:absolute;z-index:4;right:-26px;top:-104px;width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-size:15px;line-height:1.15;color:var(--ink);background:radial-gradient(circle at 35% 30%,#ffe9a3,var(--sun) 60%,#f0a800);box-shadow:0 6px 0 var(--sun-d),0 20px 30px rgba(0,0,0,.35);rotate:12deg;animation:nbBob 5s ease-in-out infinite}
.nb-sticker b{font-weight:400;color:var(--orange-d)}
.nb-hang{position:absolute;inset:0;z-index:2;pointer-events:none}
.nb-hang__item{position:absolute;top:-10px;transform-origin:50% 0;animation:nbSwing 6s ease-in-out infinite}
.nb-hang__item::before{content:"";position:absolute;left:50%;bottom:96%;width:2px;height:400px;background:linear-gradient(transparent,rgba(255,215,140,.8));transform:translateX(-50%)}
.nb-hang__item img{filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}
.nb-hang__item--1{width:92px;right:7%;top:10px}
.nb-hang__item--2{width:68px;right:31%;top:-40px;animation-duration:5.2s;animation-delay:-1s}
.nb-hang__item.is-empty{display:none}

/* подарок-форма поверх края героя */
.nb-gift-wrap{z-index:5;max-width:1400px}
.nb-gift{position:relative;background:#fff;color:var(--ink);border-radius:32px;padding:36px 40px 28px;box-shadow:0 40px 80px -30px rgba(8,26,54,.6);border-top:6px solid var(--mint)}
.nb-gift__bow{position:absolute!important;top:-56px;left:70px;width:130px;z-index:3;rotate:-8deg;filter:drop-shadow(0 10px 12px rgba(0,0,0,.3))}
.nb-gift__bow.is-empty{background:none;width:auto}
.nb-gift__bow.is-empty::after{font-size:60px}
.nb-gift__body{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.nb-gift__title h2{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.12;margin-top:10px}
/* заголовок «по ширине»: строки одной длины, размер второй подгоняет js/ng.js */
.nb-gift__title{min-width:0}
.nb-fit{overflow:hidden;max-width:560px}
.nb-fit span{display:block;width:max-content;white-space:nowrap}
.nb-gift .nb-eyebrow{color:var(--orange)}

/* поля */
.nb-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}
.nb-field{position:relative;display:block}
.nb-field span{position:absolute;left:22px;top:9px;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#8aa1b0;pointer-events:none}
.nb-field input{width:100%;height:64px;padding:22px 22px 6px;border:2px solid var(--line);border-radius:20px;font-family:inherit;font-size:17px;font-weight:700;color:var(--ink);background:#f3f8fb;transition:border-color .2s,box-shadow .2s,background .2s}
.nb-field input::placeholder{color:#a9b9c4;font-weight:500}
.nb-field input:focus{outline:none;border-color:var(--mint);background:#fff;box-shadow:0 0 0 5px rgba(62,207,207,.18)}
.nb-field input.is-bad{border-color:#ff5a5a;background:#fff5f5}
.nb-fields .nb-btn{height:64px;border-radius:20px;padding:0 28px;font-size:17px}
.nb-legal{margin-top:12px;font-size:12px;line-height:1.4;color:#94a6b2}
.nb-legal a{color:var(--orange);text-decoration:underline}
.ng-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ng-form__msg{display:none;border-radius:14px;padding:11px 16px;margin-bottom:12px;font-size:14px;font-weight:800;background:#fff0f0;color:#d02b2b}

/* «спасибо» */
.nb-thanks{display:none;align-items:center;gap:22px}
.nb-thanks__img{flex:0 0 120px;width:120px;height:120px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#fff3cf,#ffe0a0)}
.nb-thanks__img img{object-fit:contain}
.nb-thanks p{font-family:var(--display);font-size:26px;line-height:1.2}
.nb-thanks small{display:block;margin-top:6px;font-size:15px;color:var(--text)}
.ng-form.is-sent .ng-form__body{display:none}
.ng-form.is-sent .nb-thanks{display:flex;animation:nbPop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes nbPop{from{transform:scale(.85);opacity:0}}

.nb-hills{position:absolute;left:0;bottom:-1px;width:100%;height:150px;z-index:3;display:block}

/* =========================================================
   01. ПРОГРАММА
========================================================= */
.nb-program{padding-top:40px;background:radial-gradient(1000px 600px at 100% 10%,#fff1df,transparent 60%),radial-gradient(900px 500px at 0 45%,#e2f6f6,transparent 60%),var(--snow)}
.nb-float{position:absolute!important;z-index:1;filter:drop-shadow(0 20px 24px rgba(15,42,74,.18));animation:nbBob 6s ease-in-out infinite}
.nb-float.is-empty{display:none}
.nb-float--gift{width:160px;right:4%;top:110px;rotate:12deg}
.nb-float--candy{width:110px;left:3%;top:760px;rotate:-18deg;animation-delay:-2s}

/* выбор даты */
.nb-dates{margin:0 auto 70px;max-width:960px;text-align:center}
.nb-dates__row{display:flex;justify-content:center;gap:12px}
.nb-date{flex:1 1 0;max-width:108px;padding:12px 4px 14px;border:2px solid var(--line);border-radius:24px;background:#fff;cursor:pointer;font-family:inherit;color:var(--ink);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;box-shadow:0 10px 24px -14px rgba(15,42,74,.3)}
.nb-date small{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#8aa1b0}
.nb-date b{display:block;font-family:var(--display);font-weight:400;font-size:36px;line-height:1.05}
.nb-date span{display:block;font-size:12px;font-weight:700;color:var(--text)}
.nb-date:hover{transform:translateY(-4px)}
.nb-date.is-eve{border-color:#ffcfae}
.nb-date[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);transform:translateY(-6px) rotate(-3deg);box-shadow:0 18px 30px -12px rgba(15,42,74,.6)}
.nb-date[aria-pressed="true"] b,.nb-date[aria-pressed="true"] span{color:#fff}
.nb-date[aria-pressed="true"] small{color:var(--mint)}
.nb-date.is-eve[aria-pressed="true"]{background:linear-gradient(160deg,var(--orange2),var(--orange));border-color:var(--orange)}
.nb-date.is-eve[aria-pressed="true"] small{color:#fff}
.nb-schedule{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:12px 20px;border-radius:50px;background:#fff;box-shadow:0 10px 24px -14px rgba(15,42,74,.3);font-size:16px;font-weight:700;color:var(--text)}
.nb-schedule__day{color:var(--ink);font-weight:900}
.nb-schedule b{font-family:var(--display);font-weight:400;font-size:17px;color:#fff;background:var(--ink);padding:7px 11px;border-radius:12px}
.nb-live{width:10px;height:10px;border-radius:50%;background:#2fd36a;box-shadow:0 0 0 0 rgba(47,211,106,.6);animation:nbLive 1.8s infinite}
@keyframes nbLive{70%{box-shadow:0 0 0 10px rgba(47,211,106,0)}100%{box-shadow:0 0 0 0 rgba(47,211,106,0)}}

/* маршрут */
.nb-route{display:grid;gap:80px}
.nb-stage{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.nb-stage--rev .nb-stage__pic{order:2}
.nb-stage__pic{position:relative}
.nb-stage__img{aspect-ratio:6/5;border-radius:40px;overflow:hidden;box-shadow:0 0 0 10px #fff,0 40px 70px -24px rgba(15,42,74,.45);rotate:-2deg;transition:rotate .5s,scale .5s}
.nb-stage--rev .nb-stage__img{rotate:2deg}
.nb-stage__img img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.nb-stage:hover .nb-stage__img{rotate:0deg;scale:1.02}
.nb-stage:hover .nb-stage__img img{transform:scale(1.06)}
.nb-stage__time{position:absolute;left:22px;top:22px;z-index:2;padding:12px 18px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font-family:var(--display);font-size:32px;line-height:1;color:var(--ink);box-shadow:0 14px 26px -10px rgba(0,0,0,.35);rotate:-4deg}
.nb-stage__time small{display:block;margin-top:5px;font-family:'Gilroy',sans-serif;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--cd)}
.nb-stage__num{position:absolute;right:-18px;bottom:-22px;z-index:2;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:36px;color:#fff;background:var(--c);border:6px solid #fff;box-shadow:0 16px 28px -8px rgba(0,0,0,.35);rotate:8deg}
.nb-stage--rev .nb-stage__num{right:auto;left:-18px;rotate:-8deg}
.nb-place{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--cd);background:var(--cl);padding:7px 14px;border-radius:50px}
.nb-stage__copy h3{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.4vw,46px);line-height:1.02;margin:16px 0 16px}
.nb-stage__copy > p{font-size:18px;line-height:1.6;color:var(--text);margin-bottom:12px}
.nb-list{display:grid;gap:14px;margin:18px 0 26px}
.nb-list li{position:relative;padding-left:34px;font-size:16px;line-height:1.55;color:#33495b}
.nb-list li b{color:var(--ink)}
.nb-list li::before{content:"✦";position:absolute;left:4px;top:-1px;font-size:18px;color:var(--c)}
.nb-reward{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:24px;background:var(--cl);border:2px dashed color-mix(in srgb,var(--c) 45%,#fff);rotate:-1deg}
.nb-reward i{flex:0 0 48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:24px;color:#fff;background:var(--c);box-shadow:0 5px 0 var(--cd)}
.nb-reward small{display:block;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--cd)}
.nb-reward b{display:block;margin-top:3px;font-family:var(--display);font-weight:400;font-size:19px;color:var(--ink)}

/* плюсы */
.nb-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:120px}
.nb-benefits article{position:relative;padding:110px 30px 34px;border-radius:36px;background:#fff;text-align:center;box-shadow:0 24px 50px -24px rgba(15,42,74,.25)}
.nb-benefits article::before{content:"";position:absolute;left:50%;top:-40px;width:140px;height:140px;margin-left:-70px;border-radius:50%;background:color-mix(in srgb,var(--c) 22%,#fff)}
.nb-benefits__ico{position:absolute!important;left:50%;top:-66px;width:160px;height:160px;translate:-50% 0;filter:drop-shadow(0 18px 18px rgba(15,42,74,.2));transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.nb-benefits__ico img{object-fit:contain}
.nb-benefits__ico.is-empty{background:none}
.nb-benefits article:hover .nb-benefits__ico{transform:translateY(-10px) rotate(-6deg) scale(1.05)}
.nb-benefits h3{font-family:var(--display);font-weight:400;font-size:24px;margin-bottom:10px}
.nb-benefits p{font-size:16px;line-height:1.6;color:var(--text)}

/* =========================================================
   02. ФИНАЛ
========================================================= */
.nb-finale{color:#fff;border-radius:60px 60px 0 0;margin-top:-10px;background:radial-gradient(900px 500px at 50% 0,rgba(62,207,207,.22),transparent 60%),radial-gradient(800px 600px at 100% 100%,rgba(255,61,127,.16),transparent 60%),linear-gradient(180deg,var(--night2),var(--night))}
.nb-finale::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fff,transparent),radial-gradient(1px 1px at 40% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 10% 80%,#fff,transparent);background-size:400px 400px;opacity:.6}
.nb-finale__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.nb-fcard{padding:14px 14px 28px;border-radius:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);transition:transform .35s,box-shadow .35s,border-color .35s}
.nb-fcard:hover{transform:translateY(-8px);border-color:rgba(255,197,49,.6);box-shadow:0 0 60px rgba(255,197,49,.18)}
.nb-fcard--hero{margin-top:-24px;border-color:rgba(255,197,49,.5);box-shadow:0 0 70px rgba(255,197,49,.2)}
.nb-fcard__pic{position:relative;margin-bottom:40px}
.nb-fcard__img{aspect-ratio:9/7;border-radius:24px;overflow:hidden}
.nb-fcard__img img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.nb-fcard:hover .nb-fcard__img img{transform:scale(1.07)}
.nb-ball{position:absolute;left:18px;bottom:-22px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:26px;color:#fff;background:radial-gradient(circle at 35% 30%,#ff9db5,var(--berry) 55%,#a3143f);border:3px solid #fff;box-shadow:0 10px 18px rgba(0,0,0,.35)}
.nb-ball::before{content:"";position:absolute;top:-10px;left:50%;width:18px;height:10px;margin-left:-9px;border-radius:4px 4px 2px 2px;background:var(--sun)}
.nb-fcard--hero .nb-ball{background:radial-gradient(circle at 35% 30%,#ffe9a3,var(--sun) 55%,#c08000)}
.nb-fcard:nth-child(3) .nb-ball{background:radial-gradient(circle at 35% 30%,#b6f5f5,var(--mint) 55%,#0e7f7f)}
.nb-fcard h3{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.15;margin:0 12px 10px}
.nb-fcard p{font-size:15.5px;line-height:1.6;color:#c2d6ea;margin:0 12px}
.nb-characters{display:flex;align-items:center;justify-content:center;gap:24px;max-width:760px;margin:50px auto 0;padding:16px 24px;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);text-align:center}
.nb-characters p{font-size:17px;color:#d6e6f5}
.nb-characters b{font-family:var(--display);font-weight:400;color:var(--sun)}
.nb-characters span{display:block;margin-top:4px;font-size:14px;color:#a9c3dc}
.nb-characters__ava{flex:0 0 92px;width:92px;height:92px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#3a6fb0,#1a3d70);border:3px solid rgba(255,255,255,.5)}
.nb-characters__ava img{object-fit:contain}

/* =========================================================
   03. РОЗЫГРЫШ
========================================================= */
.nb-raffle{background:var(--cream)}
.nb-confetti{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 10% 20%,var(--berry) 3px,transparent 4px),radial-gradient(circle at 80% 10%,var(--sun) 4px,transparent 5px),radial-gradient(circle at 30% 80%,var(--mint) 4px,transparent 5px),radial-gradient(circle at 60% 50%,var(--orange2) 2px,transparent 3px),radial-gradient(circle at 90% 70%,var(--mint) 3px,transparent 4px);background-size:280px 280px}
.nb-raffle__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.nb-coupon{position:relative}
.nb-coupon__glow{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,197,49,.45),rgba(255,61,127,.15) 45%,transparent 68%);animation:nbPulse 5s ease-in-out infinite}
.nb-coupon__img{position:relative;aspect-ratio:4/3;filter:drop-shadow(0 30px 30px rgba(120,40,0,.25));animation:nbBob 6s ease-in-out infinite}
.nb-coupon__img img{object-fit:contain}
.nb-coupon__img.is-empty{background:none}
.nb-stamp{position:absolute;left:2%;bottom:6%;width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-size:32px;line-height:1;color:#fff;background:radial-gradient(circle at 35% 30%,#ff8fb0,var(--berry) 60%,#c4154f);border:4px dashed rgba(255,255,255,.7);outline:5px solid var(--berry);box-shadow:0 18px 30px -8px rgba(200,28,88,.6);rotate:-12deg}
.nb-stamp small{margin-top:6px;font-family:'Gilroy',sans-serif;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.nb-raffle__copy .nb-eyebrow{color:var(--orange)}
.nb-raffle__copy .nb-eyebrow i{background:var(--orange)}
.nb-raffle__copy h2 em{background:linear-gradient(100deg,var(--orange),var(--berry));-webkit-background-clip:text;background-clip:text}
.nb-raffle__copy > p{font-size:18px;line-height:1.6;color:var(--text);margin-top:18px}
.nb-raffle__copy > p b{color:var(--ink)}
.nb-raffle__date{display:flex;align-items:center;gap:16px;margin:24px 0;padding:18px 22px;border-radius:24px;background:#fff;box-shadow:0 14px 30px -16px rgba(120,60,0,.3)}
.nb-raffle__date i{flex:0 0 54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--orange2),var(--berry));box-shadow:0 5px 0 var(--berry-d)}
.nb-raffle__date b{display:block;font-family:var(--display);font-weight:400;font-size:22px;color:var(--ink)}
.nb-raffle__date span{display:block;margin-top:3px;font-size:15px;color:var(--text)}
.nb-raffle__copy .nb-raffle__sub{font-size:16px;margin-top:0}
.nb-soc{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.nb-soc__btn{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-size:17px;padding:15px 24px;border-radius:50px;transition:transform .15s}
.nb-soc__btn:hover{transform:translateY(-3px);color:#fff}
.nb-soc__btn:active{transform:translateY(3px)}
.nb-soc__btn svg{width:22px;height:22px;fill:#fff}
.nb-soc__btn--tg{background:#27a7e7;box-shadow:0 5px 0 #1a7fb3}
.nb-soc__btn--vk{background:#2787f5;box-shadow:0 5px 0 #1a61b8}
.nb-soc__btn--max{background:linear-gradient(135deg,#4a7bff,#a141ff);box-shadow:0 5px 0 #5a2fb8}

/* =========================================================
   04. НАПИШИТЕ ЭЛЬФУ
========================================================= */
.nb-contact{color:#fff;background:var(--night);isolation:isolate}
.nb-contact__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,26,54,.92),rgba(8,26,54,.6) 50%,rgba(8,26,54,.9)),url('../img/ng/ng-hero-bg.webp') center 80%/cover no-repeat;transform:scaleX(-1)}
.nb-contact__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.nb-letter{position:relative}
.nb-letter__elf{position:relative;z-index:1;max-width:500px;margin:0 auto;aspect-ratio:900/982;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.nb-letter__elf img{object-fit:contain;animation:nbFloat 7s ease-in-out infinite}
.nb-letter__elf.is-empty{background:none}
.nb-letter__note{position:absolute;z-index:2;right:4%;bottom:14%;padding:16px 20px;border-radius:16px;background:#fff8e6;color:var(--ink);font-family:var(--display);font-size:18px;line-height:1.2;box-shadow:0 6px 0 #f0d9a8,0 20px 30px rgba(0,0,0,.35);rotate:-8deg}
.nb-letter__note::before{content:"";position:absolute;left:50%;top:-10px;width:60px;height:20px;margin-left:-30px;background:rgba(255,255,255,.55);rotate:4deg}
.nb-contact__copy > p{font-size:18px;line-height:1.6;color:#c2d6ea;margin:18px 0 28px}
.nb-mail{background:#fff;color:var(--ink);border-radius:30px;padding:28px 28px 20px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55)}
.nb-mail .nb-fields{grid-template-columns:1fr 1fr}
.nb-mail .nb-fields .nb-btn{grid-column:1/-1;width:100%}

/* мобильная кнопка */
.nb-mobile-cta{display:none}

/* =========================================================
   АДАПТИВ
========================================================= */
@media(max-width:1320px) and (min-width:1101px){
  .nb-hero__heroes{width:min(104%,760px);margin-left:-6%}
}
@media(max-width:1100px){
  .nb-hero__grid{grid-template-columns:1fr}
  .nb-hero__art{order:-1;max-width:600px;width:100%;margin:-30px auto 0}
  .nb-hero__heroes{width:112%;margin-left:-6%}
  .nb-hero__copy{padding-bottom:70px}
  .nb-hero__shade{background:linear-gradient(180deg,rgba(8,26,54,.45),rgba(8,26,54,.3) 30%,rgba(8,26,54,.88) 52%,rgba(8,26,54,.95))}
  .nb-hang{display:none}
  .nb-gift__body{grid-template-columns:1fr;gap:18px}
  .nb-finale__cards{grid-template-columns:1fr 1fr}
  .nb-fcard--hero{grid-column:1/-1;grid-row:1;margin-top:0}
}
@media(max-width:900px){
  .nb-sec{padding:60px 0}
  .nb-hero{padding:120px 0 110px}
  .nb-stage,.nb-raffle__grid,.nb-contact__grid{grid-template-columns:1fr;gap:50px}
  .nb-stage--rev .nb-stage__pic{order:0}
  .nb-stage--rev .nb-stage__num{left:auto;right:-8px;rotate:8deg}
  .nb-stage__num{right:-8px;width:76px;height:76px;font-size:30px}
  .nb-route{gap:64px}
  .nb-benefits{grid-template-columns:1fr;gap:96px;margin-top:110px}
  .nb-float{display:none}
  .nb-letter{max-width:380px;margin:0 auto}
  .nb-finale{border-radius:40px 40px 0 0}
}
@media(max-width:640px){
  .nb-wrap{padding:0 16px}
  .nb-hero{padding:100px 0 100px}
  .nb-hero__intro{font-size:17px}
  .nb-facts{gap:14px 0}
  .nb-facts div{padding:0 14px}
  .nb-facts b{font-size:20px}
  .nb-facts span{font-size:12px}
  .nb-hero__cta .nb-btn{flex:1 1 100%}
  .nb-sticker{width:92px;height:92px;font-size:10.5px;right:-6px;top:-78px}
  .nb-gift{padding:30px 20px 20px;border-radius:26px}
  .nb-gift__bow{width:100px;top:-46px;left:10px}
  .nb-gift__title h2{font-size:19px}
  .nb-fields,.nb-mail .nb-fields{grid-template-columns:1fr}
  .nb-fields .nb-btn{width:100%}
  .nb-thanks{flex-direction:column;text-align:center}
  .nb-thanks p{font-size:22px}
  .nb-dates{margin-bottom:56px}
  .nb-dates__row{gap:5px}
  .nb-date{padding:8px 0 10px;border-radius:16px}
  .nb-date small{font-size:10px;letter-spacing:0}
  .nb-date b{font-size:24px}
  .nb-date span{display:none}
  .nb-schedule{border-radius:24px;font-size:14px}
  .nb-stage__img{border-radius:28px;box-shadow:0 0 0 6px #fff,0 30px 50px -20px rgba(15,42,74,.45)}
  .nb-stage__time{font-size:24px;left:14px;top:14px;padding:10px 14px}
  .nb-stage__copy > p{font-size:16.5px}
  .nb-finale__cards{grid-template-columns:1fr}
  .nb-characters{flex-direction:column;border-radius:34px}
  .nb-characters__ava{display:none}
  .nb-stamp{width:96px;height:96px;font-size:24px}
  .nb-soc__btn{flex:1 1 100%;justify-content:center}
  .nb-mail{padding:24px 18px 18px}
  .nb-letter__note{font-size:15px}
  .nb-mobile-cta{display:flex;position:fixed;left:16px;right:16px;bottom:14px;z-index:900;opacity:0;transform:translateY(120%);transition:opacity .3s,transform .3s}
  .nb-mobile-cta.is-on{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .nb *,.nb *::before,.nb *::after{animation:none!important;transition:none!important}
  .ng-js [data-reveal]{opacity:1;transform:none}
}

/* галочка согласия в формах */
.ng-consent{position:relative;display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer;font-size:12.5px;line-height:1.45;color:#7d919e;text-align:left}
.ng-consent input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
.ng-consent i{flex:0 0 22px;height:22px;margin-top:-1px;border-radius:7px;border:2px solid #cfdde6;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,box-shadow .2s}
.ng-consent i::after{content:"";width:6px;height:11px;margin-top:-3px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.ng-consent input:checked + i{background:#3ecfcf;border-color:#3ecfcf}
.ng-consent input:checked + i::after{transform:rotate(45deg) scale(1)}
.ng-consent input:focus-visible + i{box-shadow:0 0 0 4px rgba(62,207,207,.3)}
.ng-consent.is-bad i{border-color:#ff5a5a;background:#fff5f5;animation:ngShake .4s}
.ng-consent a{color:#fe4201;text-decoration:underline}
@keyframes ngShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* Дед Мороз только 28–30 декабря */
.ng-dm-note{display:flex;width:fit-content;align-items:center;gap:12px;margin:-8px 0 30px;padding:8px 18px 8px 8px;border-radius:50px;background:rgba(255,197,49,.14);border:1px solid rgba(255,197,49,.45);color:#fff;font-size:15px;line-height:1.3}
.ng-dm-note i{flex:0 0 38px;height:38px;border-radius:50%;background:var(--sun);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px}
.ng-dm-note b{color:var(--sun)}
.ng-dm-badge{position:absolute;right:14px;top:14px;z-index:2;padding:7px 12px;border-radius:50px;background:var(--sun);color:var(--ink);font-weight:900;font-size:12px;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.nb-date{position:relative}
.nb-date.is-dm{border-color:var(--sun);background:#fff8e0}
.nb-date__dm{position:absolute;top:-12px;right:-6px;font-style:normal;font-size:20px;line-height:1}
.nb-schedule__who{margin-left:4px;font-weight:800;color:var(--ink)}
.nb-schedule.is-dm .nb-schedule__who{color:var(--orange)}
.nb-dates__legend{max-width:640px;margin:14px auto 0;font-size:14px;line-height:1.5;color:var(--text)}
.nb-reward--dm{--c:var(--sun);--cd:var(--sun-d);--cl:#fff8e0;margin:18px 0 22px}
@media(max-width:640px){.ng-dm-note{font-size:14px}.nb-date__dm{font-size:15px;top:-9px;right:-4px}}
.nb-date.is-dm[aria-pressed="true"]{background:var(--ink);border-color:var(--sun);box-shadow:0 0 0 3px var(--sun),0 18px 30px -12px rgba(15,42,74,.6)}