.plus-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.plus-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.97); backdrop-filter: blur(16px); }
.plus-header__inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.plus-header nav { display: flex; align-items: center; gap: 25px; }
.plus-header nav > a, .plus-nav > button { border: 0; color: #333; background: transparent; font: inherit; font-size: 11px; font-weight: 650; cursor: pointer; }
.plus-header__login { min-height: 42px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 11px 11px 11px 3px; color: #fff !important; background: var(--orange); }
.plus-nav { position: relative; }
.plus-nav > button { min-height: 76px; display: inline-flex; align-items: center; gap: 8px; }
.plus-nav > button::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--orange); }
.plus-nav i { width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); }
.plus-nav > div { position: absolute; top: 100%; left: -20px; width: 250px; display: grid; padding: 16px 0; border: 1px solid var(--line); border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 22px 44px rgba(28,20,22,.14); visibility: hidden; opacity: 0; transform: translateY(-8px); transition: .18s; }
.plus-nav:hover > div, .plus-nav:focus-within > div { visibility: visible; opacity: 1; transform: translateY(0); }
.plus-nav > div a { padding: 11px 20px; color: #3b3b3b; font-size: 10px; font-weight: 700; }.plus-nav > div a:hover, .plus-nav > div a.is-active { color: var(--orange); background: var(--orange-soft); }

.plus-hero { padding: 28px 0; background: #f7f7f7; }
.plus-hero__inner { position: relative; min-height: 505px; display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border-radius: 28px 28px 28px 8px; color: #fff; background: radial-gradient(circle at 76% 20%, rgba(255,88,125,.56), transparent 27%), linear-gradient(130deg, #7d001d 0%, #c0002d 54%, #700019 100%); }
.plus-hero__copy { position: relative; z-index: 2; align-self: center; padding: 65px 0 65px 70px; }
.plus-hero__copy > p, .plus-heading > p, .plus-offer-hero p, .plus-offers__head p, .plus-account > div > p { margin: 0 0 12px; color: #ff9db4; font-size: 8px; font-weight: 800; letter-spacing: .17em; }
.plus-hero h1 { margin: 0; font-size: clamp(45px, 5vw, 67px); line-height: 1.07; letter-spacing: -.06em; }.plus-hero h1 em { color: #ff91ac; font-style: normal; }
.plus-hero__copy > span { max-width: 590px; display: block; margin-top: 20px; color: rgba(255,255,255,.72); font-size: 11px; line-height: 1.75; }
.plus-hero__copy > div { display: flex; gap: 10px; margin-top: 27px; }.plus-hero__copy > div a { min-height: 47px; display: inline-flex; align-items: center; padding: 0 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px 10px 10px 3px; color: #fff; font-size: 9px; font-weight: 800; }.plus-hero__copy > div a:first-child { border-color: #fff; color: #a90028; background: #fff; }
.plus-hero__art { position: relative; overflow: hidden; }.plus-ring { position: absolute; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }.plus-ring--one { width: 480px; height: 480px; top: 12px; right: -80px; }.plus-ring--two { width: 330px; height: 330px; top: 90px; right: 5px; }
.plus-card { position: absolute; top: 93px; right: 78px; width: 315px; height: 205px; padding: 29px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 23px 23px 23px 7px; background: linear-gradient(145deg, rgba(255,255,255,.27), rgba(255,255,255,.06)); box-shadow: 0 30px 70px rgba(61,0,16,.35); backdrop-filter: blur(12px); transform: rotate(-8deg); }.plus-card::after { content: '++'; position: absolute; right: -10px; bottom: -48px; color: rgba(255,255,255,.12); font-size: 135px; font-weight: 800; letter-spacing: -.2em; }.plus-card small { display: block; font-size: 9px; font-weight: 800; letter-spacing: .15em; }.plus-card strong { display: block; margin-top: 33px; font-size: 28px; line-height: 1.05; }.plus-card > span { position: absolute; top: 25px; right: 27px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px 12px 12px 4px; color: var(--orange); background: #fff; font-weight: 800; }
.plus-coin { position: absolute; z-index: 2; width: 68px; height: 68px; display: grid; place-items: center; border: 4px solid rgba(255,255,255,.6); border-radius: 50%; color: #b7002b; background: #fff; box-shadow: 0 18px 35px rgba(60,0,15,.28); font-size: 27px; font-weight: 800; }.plus-coin--one { top: 55px; right: 35px; }.plus-coin--two { right: 110px; bottom: 58px; }
.plus-subnav { border-bottom: 1px solid var(--line); background: #fff; }.plus-subnav .plus-shell { min-height: 68px; display: flex; align-items: center; gap: 35px; }.plus-subnav a { position: relative; color: #555; font-size: 10px; font-weight: 700; }.plus-subnav a.is-active { color: var(--orange); }.plus-subnav a.is-active::after { content: ''; position: absolute; right: 0; bottom: -25px; left: 0; height: 2px; background: var(--orange); }

.plus-section { padding-top: 85px; padding-bottom: 95px; }.plus-heading { max-width: 730px; margin-bottom: 34px; }.plus-heading > p, .plus-offers__head p, .plus-account > div > p { color: var(--orange); }.plus-heading h2, .plus-offers__head h2, .plus-account h2 { margin: 0; font-size: 38px; letter-spacing: -.05em; }.plus-heading > span { display: block; margin-top: 13px; color: var(--muted); font-size: 11px; line-height: 1.75; }
.plus-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.plus-values article { min-height: 245px; padding: 29px; border: 1px solid var(--line); border-radius: 19px 19px 19px 5px; background: #fff; box-shadow: 0 13px 35px rgba(35,22,26,.05); }.plus-values article > span { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px 12px 12px 4px; color: #fff; background: var(--orange); font-size: 9px; font-weight: 800; }.plus-values h3 { margin: 38px 0 11px; font-size: 18px; }.plus-values p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.plus-flow { padding: 80px 0 90px; color: #fff; background: radial-gradient(circle at 85% 12%, rgba(238,0,51,.3), transparent 27%), #17121c; }.plus-heading--light h2 { color: #fff; }.plus-heading--light > p { color: #ff8ca7; }.plus-steps { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 17px; }.plus-steps article { min-height: 210px; padding: 24px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px 17px 17px 5px; background: rgba(255,255,255,.06); }.plus-steps b { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px 10px 10px 3px; color: #fff; background: var(--orange); font-size: 10px; }.plus-steps span { display: block; margin-top: 27px; font-size: 14px; font-weight: 800; }.plus-steps p { margin: 9px 0 0; color: rgba(255,255,255,.58); font-size: 8px; line-height: 1.65; }.plus-steps > i { color: #ff5b7f; font-style: normal; }
.plus-account { min-height: 450px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 75px; padding-top: 75px; padding-bottom: 75px; }.plus-account > div > span { max-width: 560px; display: block; margin-top: 14px; color: var(--muted); font-size: 11px; line-height: 1.75; }.plus-account > div > a { min-height: 46px; display: inline-flex; align-items: center; margin-top: 24px; padding: 0 17px; border-radius: 10px 10px 10px 3px; color: #fff; background: var(--orange); font-size: 9px; font-weight: 800; }.plus-balance { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.plus-balance article { min-height: 185px; display: flex; flex-direction: column; justify-content: center; padding: 25px; border-radius: 18px 18px 18px 5px; color: #fff; background: linear-gradient(145deg, #ee0033, #8d0020); }.plus-balance article:last-child { background: linear-gradient(145deg, #282034, #16121c); }.plus-balance small, .plus-balance span { font-size: 7px; letter-spacing: .1em; opacity: .68; }.plus-balance strong { margin: 22px 0; font-size: 33px; letter-spacing: .1em; }

.plus-offer-hero { color: #fff; background: radial-gradient(circle at 84% 12%, rgba(255,99,137,.6), transparent 28%), linear-gradient(125deg, #7c001c, #c0002d 58%, #72001a); }.plus-offer-hero__inner { min-height: 350px; display: grid; grid-template-columns: 1fr minmax(340px,.65fr); align-items: center; gap: 70px; }.plus-offer-hero h1 { margin: 0; font-size: clamp(39px,5vw,59px); line-height: 1.08; letter-spacing: -.055em; }.plus-offer-hero h1 em { color: #ffa4ba; font-style: normal; }.plus-offer-hero span { max-width: 670px; display: block; margin-top: 16px; color: rgba(255,255,255,.68); font-size: 10px; line-height: 1.7; }.plus-offer-hero form { padding: 23px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px 18px 18px 5px; background: rgba(255,255,255,.09); backdrop-filter: blur(12px); }.plus-offer-hero label { display: block; margin-bottom: 8px; color: rgba(255,255,255,.72); font-size: 8px; font-weight: 700; }.plus-offer-hero form > div { display: grid; grid-template-columns: 1fr auto; overflow: hidden; border-radius: 10px; background: #fff; }.plus-offer-hero input { min-width: 0; height: 50px; padding: 0 14px; border: 0; outline: 0; font-size: 10px; }.plus-offer-hero button { padding: 0 16px; border: 0; color: #fff; background: var(--orange); font-size: 9px; font-weight: 800; cursor: pointer; }
.plus-offers { padding-top: 70px; padding-bottom: 95px; }.plus-offers__head { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 28px; }.plus-offers__head > span { color: var(--muted); font-size: 9px; }.plus-offer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }.plus-offer-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 19px 19px 19px 5px; background: #fff; transition: transform .22s, box-shadow .22s; }.plus-offer-card:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(35,20,25,.1); }.plus-offer-card__visual { position: relative; aspect-ratio: 16/10; display: grid; place-items: center; overflow: hidden; color: rgba(255,255,255,.7); background: radial-gradient(circle at 77% 20%, #f25178, transparent 28%), linear-gradient(135deg,#b3002a,#620017); font-size: 62px; font-weight: 800; }.plus-offer-card__visual img { width: 100%; height: 100%; object-fit: cover; }.plus-offer-card__visual b { position: absolute; top: 14px; left: 14px; min-height: 25px; display: inline-flex; align-items: center; padding: 0 9px; border-radius: 20px; color: var(--orange); background: #fff; font-size: 7px; letter-spacing: .1em; }.plus-offer-card__body { padding: 21px; }.plus-offer-card__body small { color: var(--orange); font-size: 8px; }.plus-offer-card h3 { min-height: 45px; margin: 10px 0 8px; font-size: 15px; line-height: 1.45; }.plus-offer-card p { min-height: 48px; display: -webkit-box; overflow: hidden; margin: 0 0 16px; color: var(--muted); font-size: 9px; line-height: 1.7; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }.plus-offer-card__body strong { color: var(--orange); font-size: 8px; }.plus-offer-state { grid-column: 1/-1; min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 25px; border: 1px dashed var(--line); border-radius: 17px; color: var(--muted); text-align: center; font-size: 10px; }.plus-offer-state strong { color: var(--ink); font-size: 17px; }.plus-offer-state button { min-height: 39px; margin-top: 8px; padding: 0 15px; border: 0; border-radius: 9px; color: #fff; background: var(--orange); font-size: 8px; font-weight: 800; cursor: pointer; }.plus-offer-state.is-error { background: #fff6f8; }.plus-pagination { display: flex; justify-content: center; gap: 7px; margin-top: 38px; }.plus-pagination a,.plus-pagination span { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: #555; font-size: 9px; font-weight: 700; }.plus-pagination a.is-active { border-color: var(--orange); color: #fff; background: var(--orange); }.plus-pagination span { opacity: .4; }
.plus-footer { padding: 34px 0; color: #aaa; background: #111; }.plus-footer .plus-shell { display: flex; align-items: center; gap: 24px; }.plus-footer .brand__name { color: #fff; }.plus-footer p { flex: 1; margin: 0; font-size: 9px; }.plus-footer > div > a:last-child { color: #fff; font-size: 9px; font-weight: 700; }

@media (max-width: 1000px) { .plus-header nav > a:not(.plus-header__login), .plus-header .plus-nav { display: none; }.plus-hero__inner { grid-template-columns: 1fr; }.plus-hero__copy { padding-right: 55px; }.plus-hero__art { position: absolute; inset: 0; opacity: .4; pointer-events: none; }.plus-values { grid-template-columns: repeat(2,1fr); }.plus-steps { grid-template-columns: 1fr 1fr; }.plus-steps > i { display: none; }.plus-offer-hero__inner { grid-template-columns: 1fr; align-content: center; gap: 26px; padding-block: 45px; }.plus-offer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) { .plus-shell { width: min(100% - 28px,1180px); }.plus-header__inner { min-height: 64px; }.plus-header__login { min-height: 38px; padding-inline: 13px; font-size: 9px; }.plus-hero { padding-top: 10px; }.plus-hero__inner { min-height: 520px; border-radius: 18px 18px 18px 5px; }.plus-hero__copy { padding: 43px 22px; }.plus-hero h1 { font-size: 39px; }.plus-hero__copy > div { flex-direction: column; align-items: flex-start; }.plus-card { right: -85px; top: 260px; transform: scale(.75) rotate(-8deg); }.plus-subnav .plus-shell { min-height: 60px; gap: 20px; }.plus-subnav a { font-size: 8px; }.plus-subnav a.is-active::after { bottom: -22px; }.plus-section { padding-top: 58px; padding-bottom: 65px; }.plus-heading h2,.plus-offers__head h2,.plus-account h2 { font-size: 30px; }.plus-values { grid-template-columns: 1fr; }.plus-values article { min-height: 210px; }.plus-flow { padding-block: 58px; }.plus-steps { grid-template-columns: 1fr; }.plus-steps article { min-height: 170px; }.plus-account { grid-template-columns: 1fr; gap: 40px; padding-top: 58px; padding-bottom: 58px; }.plus-balance { grid-template-columns: 1fr; }.plus-offer-hero__inner { min-height: 420px; }.plus-offer-hero h1 { font-size: 37px; }.plus-offer-hero form > div { grid-template-columns: 1fr; }.plus-offer-hero button { min-height: 43px; }.plus-offers { padding-top: 55px; padding-bottom: 65px; }.plus-offers__head { align-items: flex-start; flex-direction: column; }.plus-offer-grid { grid-template-columns: 1fr; }.plus-footer .plus-shell { align-items: flex-start; flex-direction: column; }.plus-footer p { margin: 0; } }