:root{
  --bg:#050B18;
  --bg2:#071328;
  --card:#0B1833;
  --card2:#0E2042;
  --line:rgba(221,235,255,.12);
  --line2:rgba(46,211,198,.22);
  --text:#F7FAFF;
  --muted:#9EB3D0;
  --soft:#C9D8EE;
  --blue:#2F6BFF;
  --blue2:#1D4ED8;
  --cyan:#2ED3C6;
  --gold:#D9B45B;
  --red:#EF4444;
  --green:#22C55E;
  --radius:26px;
  --shadow:0 24px 70px rgba(0,0,0,.32);
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% -10%, rgba(46,211,198,.18), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(47,107,255,.22), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(217,180,91,.10), transparent 32%),
    linear-gradient(180deg,#030712 0%,var(--bg) 42%,#030714 100%);
  overflow-x:hidden;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(120deg, transparent 0 48%, rgba(255,255,255,.04) 49%, transparent 50%),
    linear-gradient(60deg, transparent 0 48%, rgba(255,255,255,.025) 49%, transparent 50%);
  background-size:82px 82px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 70%);
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select{
  font:inherit;
}

.container{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
}

.hidden{
  display:none !important;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid rgba(221,235,255,.08);
  background:rgba(5,11,24,.72);
  backdrop-filter:blur(18px);
}

.nav{
  min-height:74px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.brand-mark{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.55), transparent 22%),
    linear-gradient(135deg,var(--blue),var(--cyan));
  color:white;
  font-weight:950;
  letter-spacing:-.06em;
  box-shadow:0 16px 38px rgba(46,211,198,.20);
  position:relative;
  overflow:hidden;
}

.brand-mark:after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:12px;
}

.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.brand-text strong{
  font-size:20px;
  font-weight:950;
  letter-spacing:-.04em;
}

.brand-text span{
  margin-top:5px;
  font-size:12px;
  color:var(--muted);
  font-weight:750;
}

.menu{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.menu a{
  padding:10px 13px;
  border-radius:999px;
  color:var(--muted);
  font-size:14px;
  font-weight:850;
}

.menu a:hover{
  color:var(--text);
  background:rgba(255,255,255,.055);
}

.menu .menu-main{
  color:white;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}

.btn{
  min-height:52px;
  padding:0 20px;
  border:0;
  border-radius:16px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  cursor:pointer;
  font-weight:950;
  color:white;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:0 16px 34px rgba(47,107,255,.26);
  transition:.18s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}

.btn.secondary{
  background:rgba(255,255,255,.045);
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:none;
}

.btn.danger{
  background:rgba(239,68,68,.10);
  border:1px solid rgba(239,68,68,.25);
  color:#FECACA;
  box-shadow:none;
}

.btn.full{
  width:100%;
}

.hero{
  padding:74px 0 42px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:30px;
  align-items:center;
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border:1px solid rgba(46,211,198,.26);
  border-radius:999px;
  background:rgba(46,211,198,.075);
  color:#C9FFFA;
  font-size:13px;
  font-weight:950;
  margin-bottom:18px;
}

.badge span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 16px var(--cyan);
}

h1{
  margin:0;
  font-size:clamp(42px,7vw,82px);
  line-height:.91;
  letter-spacing:-.075em;
  font-weight:950;
}

.accent{
  color:var(--cyan);
}

.hero-text{
  max-width:680px;
  margin:24px 0 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.58;
  font-weight:650;
}

.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
}

.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:34px;
}

.stat{
  padding:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.04);
}

.stat strong{
  display:block;
  font-size:24px;
  letter-spacing:-.045em;
}

.stat span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}

.north-panel{
  min-height:520px;
  padding:24px;
  border:1px solid rgba(221,235,255,.13);
  border-radius:34px;
  background:
    radial-gradient(circle at 80% 16%, rgba(46,211,198,.16), transparent 28%),
    linear-gradient(180deg,rgba(14,32,66,.86),rgba(7,19,40,.92));
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}

.north-panel:before{
  content:"";
  position:absolute;
  inset:-80px -80px auto auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(47,107,255,.24);
  filter:blur(2px);
}

.panel-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.mini-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:950;
}

.tiny-mark{
  width:30px;
  height:30px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  font-size:13px;
  font-weight:950;
}

.panel-status{
  padding:8px 11px;
  border:1px solid rgba(46,211,198,.25);
  border-radius:999px;
  color:#C9FFFA;
  background:rgba(46,211,198,.08);
  font-size:12px;
  font-weight:900;
}

.ay-symbol{
  width:190px;
  height:190px;
  margin:56px auto 34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle,rgba(255,255,255,.16) 0 38%,transparent 39%),
    linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 0 70px rgba(46,211,198,.17);
  position:relative;
  z-index:1;
  font-size:44px;
  font-weight:950;
}

.panel-list{
  display:grid;
  gap:12px;
  position:relative;
  z-index:1;
}

.panel-item{
  padding:16px;
  border:1px solid rgba(221,235,255,.10);
  border-radius:18px;
  background:rgba(3,7,20,.30);
}

.panel-item b{
  display:block;
  margin-bottom:6px;
}

.panel-item span{
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
  font-weight:650;
}

.section{
  padding:46px 0;
}

.section-head{
  margin-bottom:20px;
}

.section-head h2{
  margin:0 0 10px;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:950;
}

.section-head p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  line-height:1.58;
  font-weight:650;
}

.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.card{
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.04);
  box-shadow:0 18px 46px rgba(0,0,0,.13);
}

.card-icon{
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:rgba(47,107,255,.13);
  border:1px solid rgba(47,107,255,.24);
  margin-bottom:18px;
  font-size:21px;
}

.card h3{
  margin:0 0 10px;
  font-size:21px;
  letter-spacing:-.035em;
}

.card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-weight:650;
}

.price-card{
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(47,107,255,.28);
  background:linear-gradient(180deg,rgba(14,32,66,.72),rgba(7,19,40,.82));
}

.price-card.featured{
  border-color:rgba(46,211,198,.42);
  box-shadow:0 24px 70px rgba(46,211,198,.08);
}

.price-label{
  color:var(--cyan);
  font-weight:950;
  margin-bottom:10px;
}

.price{
  font-size:48px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
}

.price span{
  font-size:17px;
  color:var(--muted);
  letter-spacing:0;
}

.price-card p{
  color:var(--muted);
  line-height:1.55;
  font-weight:650;
  margin:14px 0 20px;
}

.step:before{
  content:attr(data-step);
  width:38px;
  height:38px;
  border-radius:14px;
  background:var(--blue);
  display:grid;
  place-items:center;
  font-weight:950;
  margin-bottom:16px;
}

.faq-list{
  display:grid;
  gap:10px;
}

details{
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.04);
}

summary{
  cursor:pointer;
  font-size:17px;
  font-weight:950;
}

details p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.55;
  font-weight:650;
}

.footer{
  margin-top:34px;
  padding:36px 0 48px;
  border-top:1px solid rgba(221,235,255,.08);
  color:var(--muted);
}

.footer-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-weight:750;
}

.account-main{
  padding:44px 0 70px;
}

.auth-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:18px;
  align-items:start;
}

.auth-side,
.account-shell{
  border:1px solid var(--line);
  border-radius:30px;
  background:rgba(255,255,255,.04);
  box-shadow:var(--shadow);
}

.auth-side{
  padding:30px;
  min-height:420px;
}

.auth-side h1{
  font-size:44px;
  line-height:1;
  margin-bottom:18px;
}

.auth-side p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
  font-weight:650;
}

.auth-benefits{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.auth-benefit{
  padding:14px;
  border-radius:17px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:var(--soft);
  font-weight:700;
}

.account-shell{
  padding:26px;
}

.auth-box h2,
.dashboard-head h2{
  margin:0 0 8px;
  font-size:30px;
  letter-spacing:-.045em;
}

.muted{
  color:var(--muted);
  line-height:1.5;
}

.form{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.input,
.select{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:var(--text);
  outline:none;
}

.select option{
  background:#0B1833;
  color:white;
}

.input::placeholder{
  color:#7184A1;
}

.status{
  display:none;
  margin-top:14px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(47,107,255,.20);
  background:rgba(47,107,255,.08);
  color:#DCEBFF;
  line-height:1.45;
  font-weight:750;
}

.status.show{
  display:block;
}

.status.success{
  border-color:rgba(34,197,94,.22);
  background:rgba(34,197,94,.08);
  color:#BBF7D0;
}

.status.error{
  border-color:rgba(239,68,68,.25);
  background:rgba(239,68,68,.08);
  color:#FECACA;
}

.status.info{
  border-color:rgba(46,211,198,.25);
  background:rgba(46,211,198,.08);
  color:#C9FFFA;
}

.code-email{
  margin:14px 0 0;
  padding:12px 14px;
  border:1px solid rgba(46,211,198,.22);
  border-radius:16px;
  background:rgba(46,211,198,.06);
  color:#C9FFFA;
  word-break:break-all;
  font-weight:900;
}

.dashboard-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.email-pill{
  display:inline-flex;
  margin-top:8px;
  padding:9px 12px;
  border:1px solid rgba(46,211,198,.22);
  border-radius:999px;
  background:rgba(46,211,198,.065);
  color:#C9FFFA;
  font-weight:900;
  max-width:100%;
  word-break:break-all;
}

.dash-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.dash-card{
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.035);
}

.dash-card.wide{
  grid-column:1/-1;
}

.dash-card h3{
  margin:0 0 12px;
  font-size:20px;
  letter-spacing:-.03em;
}

.kv{
  display:grid;
  gap:8px;
}

.kv div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:var(--muted);
  line-height:1.35;
}

.kv b{
  color:var(--text);
  text-align:right;
}

.device-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:14px;
}

.device-tab{
  min-height:46px;
  border-radius:15px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:var(--text);
  cursor:pointer;
  font-weight:900;
}

.device-tab.active{
  border-color:rgba(46,211,198,.35);
  background:rgba(46,211,198,.10);
  color:#C9FFFA;
}

.action-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:14px;
}

.history-list{
  display:grid;
  gap:10px;
}

.history-item{
  padding:12px 14px;
  border-radius:15px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.035);
  color:var(--muted);
  line-height:1.45;
}

.ref-box{
  padding:12px 14px;
  border-radius:15px;
  border:1px solid rgba(46,211,198,.20);
  background:rgba(46,211,198,.06);
  color:#C9FFFA;
  word-break:break-all;
  font-weight:900;
  margin:12px 0;
}

.small-note{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}

@media(max-width:980px){
  .hero-grid,
  .auth-layout,
  .grid-3,
  .grid-2,
  .dash-grid{
    grid-template-columns:1fr;
  }

  .hero-stats{
    grid-template-columns:1fr;
  }

  .north-panel{
    min-height:auto;
  }
}

@media(max-width:640px){
  .container{
    width:min(100% - 20px,1120px);
  }

  .nav{
    min-height:auto;
    padding:14px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .menu{
    width:100%;
  }

  .menu a:not(.menu-main){
    display:none;
  }

  .menu .menu-main{
    width:100%;
    text-align:center;
  }

  .hero{
    padding-top:42px;
  }

  .hero-actions{
    flex-direction:column;
  }

  .hero-actions .btn{
    width:100%;
  }

  .device-tabs,
  .action-grid{
    grid-template-columns:1fr;
  }

  .dashboard-head{
    flex-direction:column;
  }

  .dashboard-head .btn{
    width:100%;
  }

  .auth-side,
  .account-shell,
  .card,
  .price-card,
  .dash-card{
    padding:20px;
    border-radius:22px;
  }

  .auth-side h1{
    font-size:34px;
  }
}

/* YAKUT_THEME_START */
html[data-theme="summer"]{
  --bg:#07140B;
  --bg2:#0D2212;
  --card:#122519;
  --card2:#1A3321;
  --line:rgba(224,239,206,.14);
  --line2:rgba(255,203,90,.24);
  --text:#F8FFF5;
  --muted:#C9D7C4;
  --soft:#E4F2DD;
  --blue:#2FA65A;
  --blue2:#167D40;
  --cyan:#F4C542;
  --gold:#E9C56A;
}

html[data-theme="winter"]{
  --bg:#050B18;
  --bg2:#071328;
  --card:#0B1833;
  --card2:#0E2042;
  --line:rgba(221,235,255,.12);
  --line2:rgba(139,232,255,.22);
  --text:#F7FAFF;
  --muted:#9EB3D0;
  --soft:#C9D8EE;
  --blue:#2F6BFF;
  --blue2:#1D4ED8;
  --cyan:#8BE8FF;
  --gold:#D9B45B;
}

html[data-theme="summer"] body{
  background:
    radial-gradient(circle at 10% 0%, rgba(244,197,66,.12), transparent 25%),
    radial-gradient(circle at 88% 10%, rgba(47,166,90,.18), transparent 24%),
    radial-gradient(circle at 20% 90%, rgba(233,197,106,.10), transparent 24%),
    linear-gradient(180deg,#06110A 0%, #08160C 45%, #041009 100%);
}

html[data-theme="winter"] body{
  background:
    radial-gradient(circle at 10% -10%, rgba(139,232,255,.16), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(47,107,255,.22), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(217,180,91,.10), transparent 32%),
    linear-gradient(180deg,#030712 0%, #050B18 42%, #030714 100%);
}

html[data-theme="summer"] .site-header{
  background:rgba(7,20,11,.76);
}

html[data-theme="winter"] .site-header{
  background:rgba(5,11,24,.72);
}

.theme-switcher{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:10px;
  flex-wrap:wrap;
}

.theme-btn{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  cursor:pointer;
  font-weight:900;
  transition:.18s ease;
}

.theme-btn:hover{
  color:var(--text);
  transform:translateY(-1px);
}

.theme-btn.active{
  color:#fff;
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.auth-side,
.account-shell,
.card,
.price-card,
.dash-card,
.north-panel,
.stat{
  position:relative;
  overflow:hidden;
}

.auth-side::before,
.account-shell::before,
.card::before,
.price-card::before,
.dash-card::before,
.north-panel::before,
.stat::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:7px;
  border-radius:0 0 12px 12px;
  opacity:.9;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.10) 12%,
      transparent 24%,
      rgba(255,255,255,.10) 36%,
      transparent 48%,
      rgba(255,255,255,.10) 60%,
      transparent 72%,
      rgba(255,255,255,.10) 84%,
      transparent 100%
    ),
    linear-gradient(90deg,var(--blue),var(--cyan),var(--blue));
}

.yakut-scene-wrap{
  margin-top:18px;
}

.yakut-scene{
  display:none;
  padding:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(255,255,255,.04);
}

html[data-theme="summer"] .yakut-scene.summer-scene{
  display:block;
}

html[data-theme="winter"] .yakut-scene.winter-scene{
  display:block;
}

.yakut-scene svg{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
}

.scene-caption{
  margin-top:10px;
  color:var(--soft);
  font-size:14px;
  line-height:1.45;
  font-weight:800;
}

html[data-theme="summer"] .brand-text span,
html[data-theme="summer"] .muted,
html[data-theme="summer"] .small-note{
  color:#D8E8D0;
}

html[data-theme="summer"] .badge{
  background:rgba(244,197,66,.10);
  border-color:rgba(244,197,66,.24);
  color:#FFF2BF;
}

html[data-theme="summer"] .badge span{
  background:#F4C542;
  box-shadow:0 0 16px #F4C542;
}

html[data-theme="summer"] .panel-status,
html[data-theme="summer"] .email-pill,
html[data-theme="summer"] .code-email,
html[data-theme="summer"] .ref-box{
  background:rgba(244,197,66,.09);
  border-color:rgba(244,197,66,.22);
  color:#FFF0B6;
}

html[data-theme="winter"] .panel-status,
html[data-theme="winter"] .email-pill,
html[data-theme="winter"] .code-email,
html[data-theme="winter"] .ref-box{
  background:rgba(139,232,255,.08);
  border-color:rgba(139,232,255,.20);
  color:#D8F7FF;
}

@media(max-width:640px){
  .theme-switcher{
    width:100%;
    margin-left:0;
  }

  .theme-btn{
    flex:1 1 0;
  }
}
/* YAKUT_THEME_END */

/* NO_FLASH_THEME_FIX */
html[data-theme="summer"],
html[data-theme="summer"] body{
  background-color:#07140B;
}

html[data-theme="winter"],
html[data-theme="winter"] body{
  background-color:#050B18;
}

html{
  background-color:#050B18;
}


/* AYVPN_ASSETS_V3_FIX_START */

/* Шапка: прозрачный SVG-логотип без белого фона */
html body .brand .brand-mark,
html body .mini-brand .tiny-mark{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  background-color:rgba(255,255,255,.04) !important;
  background-image:url("/assets/brand/ayvpn-mark.svg?v=3") !important;
  background-size:82% 82% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  border:1px solid rgba(46,211,198,.28) !important;
  box-shadow:0 14px 34px rgba(46,211,198,.20) !important;
}

html body .brand .brand-mark::after,
html body .mini-brand .tiny-mark::after{
  display:none !important;
}

/* Большой круг Ай на главной тоже делаем логотипом */
html body .ay-symbol{
  background-color:rgba(255,255,255,.04) !important;
  background-image:url("/assets/brand/ayvpn-mark.svg?v=3") !important;
  background-size:76% 76% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  border:1px solid rgba(46,211,198,.25) !important;
}

/* Сезонные картинки */
html body .yakut-scene{
  min-height:300px !important;
  aspect-ratio:16/9 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border-radius:28px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.22) !important;
}

html body .yakut-scene svg{
  display:none !important;
}

html body .yakut-scene.summer-scene{
  background-image:url("/assets/brand/ayvpn-summer.webp?v=3") !important;
}

html body .yakut-scene.winter-scene{
  background-image:url("/assets/brand/ayvpn-winter.webp?v=3") !important;
}

html body .yakut-scene .scene-caption{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:16px !important;
  margin:0 !important;
  padding:13px 15px !important;
  border-radius:18px !important;
  background:rgba(3,7,18,.58) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#F7FAFF !important;
  font-weight:850 !important;
}

html[data-theme="summer"] body .yakut-scene .scene-caption{
  background:rgba(5,30,12,.55) !important;
}

html[data-theme="winter"] body .yakut-scene .scene-caption{
  background:rgba(4,13,32,.60) !important;
}

@media(max-width:640px){
  html body .brand .brand-mark,
  html body .mini-brand .tiny-mark{
    width:42px !important;
    height:42px !important;
  }

  html body .yakut-scene{
    min-height:210px !important;
    border-radius:22px !important;
  }

  html body .yakut-scene .scene-caption{
    font-size:12px !important;
    padding:10px 12px !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
  }
}

/* AYVPN_ASSETS_V3_FIX_END */


/* AYVPN_FORCE_ASSETS_FINAL_FIX */

/* Логотип в шапке */
html body header .brand .brand-mark,
html body .brand-mark,
html body .tiny-mark{
  background:#071328 url("/assets/brand/ayvpn-mark.svg?v=force3") center/82% 82% no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  border:1px solid rgba(46,211,198,.32) !important;
  box-shadow:0 14px 34px rgba(46,211,198,.22) !important;
}

html body .brand-mark::before,
html body .brand-mark::after,
html body .tiny-mark::before,
html body .tiny-mark::after{
  display:none !important;
  content:none !important;
}

/* Большой круг на главной */
html body .ay-symbol{
  background:#071328 url("/assets/brand/ayvpn-mark.svg?v=force3") center/76% 76% no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
}

/* Сцены */
html body .yakut-scene{
  min-height:300px !important;
  aspect-ratio:16/9 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#0b1833 !important;
}

html body .yakut-scene svg{
  display:none !important;
}

html[data-theme="summer"] body .yakut-scene.summer-scene,
html body .yakut-scene.summer-scene{
  background-image:url("/assets/brand/ayvpn-summer.webp?v=force3") !important;
}

html[data-theme="winter"] body .yakut-scene.winter-scene,
html body .yakut-scene.winter-scene{
  background-image:url("/assets/brand/ayvpn-winter.webp?v=force3") !important;
}

/* убираем пустой тёмный вид, когда картинка грузится */
html body .yakut-scene::before{
  display:none !important;
  content:none !important;
}

@media(max-width:640px){
  html body .yakut-scene{
    min-height:210px !important;
  }
}

/* HIDE_LK_SEASON_IMAGE_FINAL */
.account-main .yakut-scene-wrap,
.account-main .yakut-scene,
.account-main .summer-scene,
.account-main .winter-scene{
  display:none !important;
}

/* LK_SPACING_FIX_FINAL */

/* Общий воздух сверху и снизу ЛК */
.account-main{
  padding-top:64px !important;
  padding-bottom:90px !important;
}

/* Блок входа: нормальный промежуток между левой частью и формой */
.auth-layout{
  gap:34px !important;
  align-items:start !important;
}

/* Карточки не должны визуально липнуть */
.auth-side,
.account-shell{
  margin:0 !important;
}

/* Внутренний воздух в левом инфо-блоке */
.auth-side{
  padding:36px !important;
}

/* Заголовок и текст */
.auth-side h1{
  margin-top:18px !important;
  margin-bottom:22px !important;
  line-height:1.05 !important;
}

.auth-side p{
  margin-bottom:26px !important;
}

/* Карточки преимуществ */
.auth-benefits{
  display:grid !important;
  gap:18px !important;
  margin-top:30px !important;
}

.auth-benefit{
  padding:20px 22px !important;
  border-radius:20px !important;
  line-height:1.45 !important;
}

/* Форма входа */
.account-shell{
  padding:34px !important;
}

.auth-box h2{
  margin-bottom:16px !important;
}

.auth-box .muted{
  margin-bottom:22px !important;
}

/* Поля и кнопки не липнут */
.form{
  gap:18px !important;
  margin-top:24px !important;
}

.input,
.select{
  min-height:58px !important;
}

/* Кнопки */
.btn{
  min-height:56px !important;
}

/* Убираем ощущение слипания синей линии сверху карточки */
.account-shell::before,
.auth-side::before{
  left:34px !important;
  right:34px !important;
}

/* На маленьких экранах форма должна идти ниже с нормальным отступом */
@media(max-width:980px){
  .auth-layout{
    gap:36px !important;
  }

  .auth-side,
  .account-shell{
    width:100% !important;
  }
}

@media(max-width:640px){
  .account-main{
    padding-top:34px !important;
    padding-bottom:60px !important;
  }

  .auth-layout{
    gap:26px !important;
  }

  .auth-side,
  .account-shell{
    padding:22px !important;
    border-radius:24px !important;
  }

  .auth-side h1{
    font-size:34px !important;
  }

  .auth-benefits{
    gap:14px !important;
  }

  .auth-benefit{
    padding:16px !important;
  }
}

/* LK_LAST_CARD_GAP_FIX */

/* Отступ после последней карточки преимуществ */
.auth-benefits{
  margin-bottom:42px !important;
}

/* Сам блок входа опускаем чуть ниже, чтобы не лип к карточкам */
.auth-layout > .account-shell{
  margin-top:34px !important;
}

/* Синюю верхнюю линию блока входа тоже чуть отделяем визуально */
.auth-layout > .account-shell::before{
  top:0 !important;
}

/* На телефоне делаем ещё больше воздуха */
@media(max-width:980px){
  .auth-benefits{
    margin-bottom:48px !important;
  }

  .auth-layout > .account-shell{
    margin-top:0 !important;
  }

  .auth-layout{
    row-gap:44px !important;
  }
}