:root {
  --bg: #080b0d;
  --panel: rgba(18, 24, 24, 0.72);
  --line: rgba(255, 255, 255, 0.11);
  --text: #eff7f3;
  --muted: #909d97;
  --green: #2fdb91;
  --red: #ff5145;
  --amber: #ffbd58;
  --mono: "Cascadia Code", Consolas, monospace;
  --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* 3.0 visual system — liquid broadcast glass */
body::before,
body::after {
  content: "";
  position: fixed;
  pointer-events: none;
  z-index: -2;
}
body::before {
  inset: -30%;
  background:
    radial-gradient(ellipse 22% 15% at 24% 34%, rgba(47, 219, 145, 0.18), transparent 72%),
    radial-gradient(ellipse 18% 24% at 76% 25%, rgba(255, 81, 69, 0.16), transparent 70%),
    radial-gradient(ellipse 20% 13% at 58% 78%, rgba(255, 189, 88, 0.12), transparent 72%);
  filter: blur(34px) saturate(135%);
  animation: ambientFlow 18s ease-in-out infinite alternate;
}
body::after {
  inset: 0;
  z-index: -1;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000, transparent 76%);
}
@keyframes ambientFlow {
  0% { transform: translate3d(-2%, -1%, 0) rotate(-2deg) scale(1); }
  50% { transform: translate3d(3%, 2%, 0) rotate(3deg) scale(1.08); }
  100% { transform: translate3d(-1%, 4%, 0) rotate(-1deg) scale(1.03); }
}
.orb {
  width: 520px;
  height: 410px;
  border-radius: 42% 58% 63% 37% / 53% 36% 64% 47%;
  filter: blur(64px);
  opacity: .14;
  animation: liquidOrbit 13s ease-in-out infinite alternate;
}
.orb.red { left:-250px; top:38%; background:linear-gradient(135deg,var(--red),var(--amber)); }
.orb.green { right:-260px; top:4%; background:linear-gradient(135deg,var(--green),#0c6f51); animation-delay:-6s; }
@keyframes liquidOrbit {
  from { transform: translate3d(0,-15px,0) rotate(0deg); border-radius:42% 58% 63% 37% / 53% 36% 64% 47%; }
  to { transform: translate3d(35px,32px,0) rotate(18deg); border-radius:61% 39% 43% 57% / 38% 61% 39% 62%; }
}
.wrap { width:min(1240px,calc(100% - 42px)); }
nav {
  position: sticky;
  top: 12px;
  z-index: 30;
  height: 72px;
  margin-top: 12px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  background: linear-gradient(120deg,rgba(27,34,33,.78),rgba(6,9,10,.70));
  backdrop-filter: blur(28px) saturate(175%);
  -webkit-backdrop-filter: blur(28px) saturate(175%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 22px 60px rgba(0,0,0,.25);
}
.brand { font-size:15px; letter-spacing:-.01em; }
.logo {
  width:42px;
  height:42px;
  padding:0;
  overflow:hidden;
  border-radius:13px;
  background:#070a0a;
  box-shadow:0 10px 28px rgba(0,0,0,.46),0 0 22px rgba(47,219,145,.08);
}
.logo i { display:none; }
.logo img { width:100%;height:100%;display:block; }
.navlinks { gap:8px; }
.navlinks a { padding:9px 13px;border-radius:10px;transition:.18s ease; }
.navlinks a:hover { background:rgba(255,255,255,.05); }
.nav-login { padding:9px 15px!important; }
.hero {
  position:relative;
  min-height:650px;
  max-width:none;
  padding:112px 44% 118px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:76px;
  right:0;
  width:min(43vw,510px);
  aspect-ratio:1;
  border-radius:42% 58% 65% 35% / 46% 36% 64% 54%;
  background:
    url('/assets/favicon.svg') center/42% no-repeat,
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 20%),
    conic-gradient(from 210deg,rgba(47,219,145,.42),rgba(5,10,10,.55),rgba(255,81,69,.34),rgba(255,189,88,.18),rgba(47,219,145,.42));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 20px 24px 55px rgba(255,255,255,.06),inset -30px -35px 70px rgba(0,0,0,.52),0 42px 110px rgba(0,0,0,.5),0 0 90px rgba(47,219,145,.08);
  animation:heroMorph 10s ease-in-out infinite alternate;
}
.hero::after {
  content:"LIVE · TWITCH CHAT";
  position:absolute;
  right:4%;
  bottom:112px;
  padding:11px 15px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px;
  background:rgba(6,10,10,.66);
  backdrop-filter:blur(18px);
  color:#a8b4ae;
  font:700 10px var(--mono);
  letter-spacing:.12em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.35);
}
@keyframes heroMorph {
  from { transform:translateY(-8px) rotate(-3deg);border-radius:42% 58% 65% 35% / 46% 36% 64% 54%; }
  to { transform:translateY(14px) rotate(5deg);border-radius:60% 40% 38% 62% / 35% 59% 41% 65%; }
}
h1 { font-size:clamp(52px,7vw,92px); }
.hero > p { font-size:18px; }
.card,.glass,.form-card {
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(7,12,12,.56));
  border-color:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 26px 75px rgba(0,0,0,.22);
}
.card::before,.glass::before,.form-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.10),transparent 25%,transparent 74%,rgba(47,219,145,.035));
}
.card { min-height:190px;padding:26px;border-radius:20px;transition:transform .22s ease,border-color .22s ease; }
.card:hover { transform:translateY(-5px);border-color:rgba(47,219,145,.28); }
.card > b { width:43px;height:43px;border-radius:13px; }
.split { gap:18px; }
.glass { border-radius:24px;padding:34px; }
.donate { border-color:rgba(255,189,88,.18); }
.button { border-radius:13px;min-height:50px; }
.form-card { width:min(760px,100%);padding:42px;border-radius:28px; }
.page-main { position:relative;padding:78px 0 90px; }
.page-main::before {
  content:"";
  position:absolute;
  z-index:-1;
  width:380px;
  height:260px;
  top:12%;
  left:-14%;
  border-radius:53% 47% 36% 64% / 42% 62% 38% 58%;
  background:linear-gradient(145deg,rgba(47,219,145,.16),rgba(255,81,69,.1));
  filter:blur(35px);
  animation:liquidOrbit 11s ease-in-out infinite alternate;
}
.field input,.field select,.field textarea {
  border-radius:13px;
  background:linear-gradient(145deg,rgba(3,7,7,.78),rgba(24,31,30,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.12);
}
.telegram-contact {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8cebb9!important;
  padding:8px 11px;
  border:1px solid rgba(47,219,145,.15);
  border-radius:10px;
  background:rgba(47,219,145,.045);
}
.telegram-contact span { display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#239bd7;color:white;font-size:11px; }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important; }
}
@media (max-width:900px) {
  .hero { min-height:0;padding:88px 0 440px; }
  .hero::before { top:auto;bottom:32px;left:50%;right:auto;width:min(82vw,380px);transform:translateX(-50%);animation:none; }
  .hero::after { right:50%;bottom:48px;transform:translateX(50%); }
}
@media (max-width:760px) {
  nav { top:8px;height:66px;margin-top:8px;padding:0 12px;border-radius:17px; }
  .logo { width:38px;height:38px; }
  .hero { padding-top:72px; }
  .form-card { padding:27px; }
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.55;
  background:
    radial-gradient(
      900px 520px at 9% -12%,
      rgba(126, 35, 29, 0.34),
      transparent 65%
    ),
    radial-gradient(
      850px 520px at 94% 0,
      rgba(20, 100, 72, 0.3),
      transparent 65%
    ),
    var(--bg);
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
.orb {
  position: fixed;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.12;
  pointer-events: none;
}
.orb.red {
  background: var(--red);
  left: -180px;
  top: 36%;
}
.orb.green {
  background: var(--green);
  right: -180px;
  top: 10%;
}
.wrap {
  width: min(1160px, calc(100% - 40px));
  margin: auto;
  position: relative;
}
nav {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 850;
  letter-spacing: -0.02em;
}
.logo {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, #050707, #15201c);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    0 10px 30px rgba(0, 0, 0, 0.35);
}
.logo i {
  width: 15px;
  height: 15px;
  border: 3px solid var(--green);
  border-right-color: var(--red);
  border-radius: 50%;
  transform: rotate(-35deg);
  box-shadow: 0 0 14px rgba(47, 219, 145, 0.25);
}
.navlinks {
  display: flex;
  align-items: center;
  gap: 26px;
  color: var(--muted);
  font-size: 14px;
}
.navlinks a:hover {
  color: var(--green);
}
.nav-login {
  padding: 9px 15px;
  border: 1px solid rgba(47, 219, 145, 0.28);
  border-radius: 9px;
  color: #9cf0c5 !important;
  background: rgba(47, 219, 145, 0.07);
}
.hero {
  padding: 92px 0 112px;
  max-width: 850px;
}
.eyebrow {
  font: 700 11px/1.4 var(--mono);
  letter-spacing: 0.13em;
  color: var(--green);
}
h1 {
  font-size: clamp(48px, 8vw, 88px);
  line-height: 0.94;
  letter-spacing: -0.06em;
  margin: 18px 0 27px;
}
h1 em {
  font-style: normal;
  color: var(--amber);
}
.hero > p {
  max-width: 720px;
  color: var(--muted);
  font-size: 19px;
  margin: 0 0 31px;
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.center-actions {
  justify-content: center;
}
.button {
  border: 1px solid var(--line);
  border-radius: 11px;
  min-height: 48px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.075),
    rgba(255, 255, 255, 0.025)
  );
  font-weight: 750;
  transition: 0.18s;
  cursor: pointer;
  color: var(--text);
  font: 750 14px var(--sans);
}
.button:hover {
  transform: translateY(-2px);
  border-color: rgba(47, 219, 145, 0.44);
}
.button.primary {
  background: linear-gradient(105deg, #197353, var(--green));
  border-color: rgba(47, 219, 145, 0.55);
  color: #04120c;
  box-shadow: 0 16px 38px -18px rgba(47, 219, 145, 0.8);
}
.button.warm {
  border-color: rgba(255, 189, 88, 0.35);
  color: #ffd391;
}
.access-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  color: #75827c;
  font-size: 12px;
}
.access-note span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(47, 219, 145, 0.8);
}
.section {
  padding: 30px 0 92px;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 26px;
}
.section h2,
.glass h2,
.donate h2,
.form-card h1 {
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.07;
  letter-spacing: -0.04em;
  margin: 9px 0 0;
}
.section-head > p {
  max-width: 420px;
  color: var(--muted);
  margin: 0;
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.card,
.glass,
.form-card {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.072),
    rgba(8, 13, 13, 0.55)
  );
  border: 1px solid var(--line);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 60px rgba(0, 0, 0, 0.16);
}
.card {
  padding: 23px;
  border-radius: 16px;
}
.card > b {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border-radius: 11px;
  background: rgba(47, 219, 145, 0.09);
  border: 1px solid rgba(47, 219, 145, 0.12);
  font-size: 18px;
}
.card h3 {
  margin: 18px 0 7px;
  font-size: 17px;
}
.card p,
.glass p,
.donate p {
  color: var(--muted);
  font-size: 14px;
  margin: 0;
}
.split {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 14px;
}
.glass {
  padding: 30px;
  border-radius: 19px;
}
.glass p {
  margin: 17px 0;
}
.text-link {
  display: inline-block;
  color: #91edbd;
  font-weight: 700;
  font-size: 14px;
}
.support-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.support-card .button {
  margin-top: auto;
}
.donate {
  margin: 0 0 80px;
  padding: 28px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
.donate h2 {
  font-size: 27px;
}
.donate p {
  margin-top: 7px;
}
footer {
  min-height: 84px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  gap: 22px;
  justify-content: space-between;
  color: #68756f;
  font: 10px var(--mono);
  letter-spacing: 0.04em;
}
footer a {
  color: #8cebb9;
}
.page-main {
  min-height: calc(100vh - 170px);
  display: grid;
  place-items: center;
  padding: 55px 0 75px;
}
.form-card {
  width: min(680px, 100%);
  padding: 34px;
  border-radius: 22px;
}
.form-card .back {
  display: inline-block;
  color: #7e8a85;
  font-size: 13px;
  margin-bottom: 24px;
}
.form-card h1 {
  margin: 9px 0 12px;
}
.form-lead {
  color: var(--muted);
  margin: 0 0 25px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.field.full {
  grid-column: 1/-1;
}
.field label {
  font-size: 12px;
  font-weight: 700;
  color: #c5d0cb;
}
.field input,
.field select,
.field textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  background: rgba(4, 8, 8, 0.65);
  color: var(--text);
  padding: 12px 13px;
  font: 14px var(--sans);
  outline: none;
}
.field textarea {
  min-height: 120px;
  resize: vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: rgba(47, 219, 145, 0.58);
  box-shadow: 0 0 0 3px rgba(47, 219, 145, 0.08);
}
.field small {
  color: #6f7b76;
  font-size: 11px;
}
.form-actions {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.form-actions .button {
  border: 0;
}
.form-status {
  font-size: 13px;
  color: var(--muted);
}
.form-status.ok {
  color: #77e9ad;
}
.form-status.bad {
  color: #ff8279;
}
.honeypot {
  position: absolute !important;
  left: -9999px !important;
}
.denied {
  text-align: center;
  max-width: 620px;
}
.denied-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  margin: 0 auto 19px;
  border-radius: 18px;
  background: rgba(255, 81, 69, 0.09);
  border: 1px solid rgba(255, 81, 69, 0.22);
  color: #ff8279;
  font-size: 28px;
}
.denied .button {
  margin-top: 22px;
}
.inline-support {
  color: #7febaf;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 760px) {
  .wrap {
    width: min(100% - 28px, 600px);
  }
  .navlinks > a:not(.nav-login) {
    display: none;
  }
  .hero {
    padding: 62px 0 78px;
  }
  .hero > p {
    font-size: 16px;
  }
  .cards,
  .split,
  .form-grid {
    grid-template-columns: 1fr;
  }
  .section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .field.full {
    grid-column: auto;
  }
  .donate {
    align-items: flex-start;
    flex-direction: column;
  }
  footer {
    padding: 22px 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .form-card {
    padding: 24px;
  }
}

/* Final cascade for the liquid-glass redesign. */
.orb{width:520px;height:410px;border-radius:42% 58% 63% 37% / 53% 36% 64% 47%;filter:blur(64px);opacity:.14;animation:liquidOrbit 13s ease-in-out infinite alternate}
.orb.red{left:-250px;top:38%;background:linear-gradient(135deg,var(--red),var(--amber))}
.orb.green{right:-260px;top:4%;background:linear-gradient(135deg,var(--green),#0c6f51);animation-delay:-6s}
.wrap{width:min(1240px,calc(100% - 42px))}
nav{position:sticky;top:12px;z-index:30;height:72px;margin-top:12px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(120deg,rgba(27,34,33,.78),rgba(6,9,10,.70));backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 60px rgba(0,0,0,.25)}
.brand{font-size:15px;letter-spacing:-.01em}
.logo{width:42px;height:42px;padding:0;overflow:hidden;border-radius:13px;background:#070a0a;box-shadow:0 10px 28px rgba(0,0,0,.46),0 0 22px rgba(47,219,145,.08)}
.logo i{display:none}.logo img{width:100%;height:100%;display:block}
.navlinks{gap:8px}.navlinks a{padding:9px 13px;border-radius:10px;transition:.18s ease}.navlinks a:hover{background:rgba(255,255,255,.05)}.nav-login{padding:9px 15px!important}
.hero{position:relative;min-height:650px;max-width:none;padding:112px 44% 118px 22px;display:flex;flex-direction:column;justify-content:center}
.hero::before{content:"";position:absolute;z-index:-1;top:76px;right:0;width:min(43vw,510px);aspect-ratio:1;border-radius:42% 58% 65% 35% / 46% 36% 64% 54%;background:url('/assets/favicon.svg') center/42% no-repeat,radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 20%),conic-gradient(from 210deg,rgba(47,219,145,.42),rgba(5,10,10,.55),rgba(255,81,69,.34),rgba(255,189,88,.18),rgba(47,219,145,.42));border:1px solid rgba(255,255,255,.16);box-shadow:inset 20px 24px 55px rgba(255,255,255,.06),inset -30px -35px 70px rgba(0,0,0,.52),0 42px 110px rgba(0,0,0,.5),0 0 90px rgba(47,219,145,.08);animation:heroMorph 10s ease-in-out infinite alternate}
.hero::after{content:"LIVE · TWITCH CHAT";position:absolute;right:4%;bottom:112px;padding:11px 15px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(6,10,10,.66);backdrop-filter:blur(18px);color:#a8b4ae;font:700 10px var(--mono);letter-spacing:.12em;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.35)}
h1{font-size:clamp(52px,7vw,92px)}.hero>p{font-size:18px}
.card,.glass,.form-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(7,12,12,.56));border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 26px 75px rgba(0,0,0,.22)}
.card::before,.glass::before,.form-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.10),transparent 25%,transparent 74%,rgba(47,219,145,.035))}
.card{min-height:190px;padding:26px;border-radius:20px;transition:transform .22s ease,border-color .22s ease}.card:hover{transform:translateY(-5px);border-color:rgba(47,219,145,.28)}.card>b{width:43px;height:43px;border-radius:13px}
.split{gap:18px}.glass{border-radius:24px;padding:34px}.donate{border-color:rgba(255,189,88,.18)}.button{border-radius:13px;min-height:50px}
.form-card{width:min(760px,100%);padding:42px;border-radius:28px}.page-main{position:relative;padding:78px 0 90px}
.field input,.field select,.field textarea{border-radius:13px;background:linear-gradient(145deg,rgba(3,7,7,.78),rgba(24,31,30,.56));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.12)}
.telegram-contact{display:inline-flex;align-items:center;gap:8px;color:#8cebb9!important;padding:8px 11px;border:1px solid rgba(47,219,145,.15);border-radius:10px;background:rgba(47,219,145,.045)}
.telegram-contact span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#239bd7;color:white;font-size:11px}
@media(max-width:900px){.hero{min-height:0;padding:88px 0 440px}.hero::before{top:auto;bottom:32px;left:50%;right:auto;width:min(82vw,380px);transform:translateX(-50%);animation:none}.hero::after{right:50%;bottom:48px;transform:translateX(50%)}}
@media(max-width:760px){.wrap{width:min(100% - 24px,600px)}nav{top:8px;height:66px;margin-top:8px;padding:0 12px;border-radius:17px}.logo{width:38px;height:38px}.hero{padding-top:72px}.form-card{padding:27px}}

/* WEB 3.0.1 — объёмные «мыльные» формы вместо размытых кругов. */
.orb{
  width:clamp(270px,31vw,510px);height:clamp(270px,31vw,510px);filter:none;opacity:.48;
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px) saturate(170%);
  box-shadow:inset 28px 32px 70px rgba(255,255,255,.09),inset -42px -48px 90px rgba(0,0,0,.58),0 44px 120px rgba(0,0,0,.35);
  animation:bubbleFloat 14s ease-in-out infinite alternate;overflow:hidden;
}
.orb::before{content:"";position:absolute;left:16%;top:11%;width:46%;height:22%;border-radius:50%;border-top:3px solid rgba(255,255,255,.35);transform:rotate(-24deg);filter:blur(1px)}
.orb.red{left:-230px;top:44%;border-radius:42% 58% 67% 33% / 55% 37% 63% 45%;background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.25),transparent 16%),radial-gradient(circle at 59% 56%,rgba(255,81,69,.42),rgba(52,8,8,.18) 52%,rgba(255,189,88,.14));}
.orb.green{right:-235px;top:12%;border-radius:63% 37% 44% 56% / 37% 64% 36% 63%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.27),transparent 17%),radial-gradient(circle at 55% 55%,rgba(47,219,145,.43),rgba(3,51,36,.18) 53%,rgba(47,219,145,.10));animation-delay:-7s;}
@keyframes bubbleFloat{from{transform:translate3d(0,-10px,0) rotate(-4deg)}to{transform:translate3d(34px,32px,0) rotate(13deg)}}

/* Авторизованное состояние общей шапки. */
.nav-account{display:flex!important;align-items:center;gap:9px;min-width:176px;padding:7px 11px!important;text-align:left;}
.nav-account-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(47,219,145,.24),rgba(255,81,69,.10));color:#eafff4;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.15);}
.nav-account-avatar img{width:100%;height:100%;display:block;object-fit:cover;}
.nav-account-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15;}
.nav-account-copy strong{max-width:132px;overflow:hidden;text-overflow:ellipsis;color:#edf7f2;font-size:12px;white-space:nowrap;}
.nav-account-copy small{margin-top:4px;color:#55e9a4;font:700 9px var(--mono);white-space:nowrap;}

/* Собственный select: нативное белое меню Windows больше не открывается. */
.site-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.site-select{position:relative;width:100%;}
.site-select-button{position:relative;width:100%;min-height:50px;padding:12px 44px 12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:linear-gradient(145deg,rgba(3,7,7,.88),rgba(24,31,30,.72));color:#eff7f3;text-align:left;font:650 14px var(--sans);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.site-select-button::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid #72e8ae;border-bottom:2px solid #72e8ae;transform:translateY(-70%) rotate(45deg);}
.site-select.open .site-select-button{border-color:rgba(47,219,145,.5);box-shadow:0 0 0 3px rgba(47,219,145,.09),inset 0 1px 0 rgba(255,255,255,.08);}
.site-select.open .site-select-button::after{transform:translateY(-25%) rotate(225deg);}
.site-select-menu{position:absolute;z-index:100;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:linear-gradient(155deg,rgba(22,29,28,.985),rgba(5,9,9,.995));box-shadow:0 26px 75px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(28px) saturate(170%);}
.site-select-option{display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#dce7e2;text-align:left;font:600 13px var(--sans);cursor:pointer;}
.site-select-option:hover,.site-select-option:focus-visible{outline:0;background:rgba(255,255,255,.075);color:#fff;}
.site-select-option.selected{background:linear-gradient(90deg,rgba(47,219,145,.18),rgba(255,255,255,.03));color:#9cf0c5;box-shadow:inset 3px 0 0 #2fdb91;}
@media(max-width:760px){.nav-account{min-width:0}.nav-account-copy strong{max-width:85px}.orb{opacity:.32}}
select,option,optgroup{color-scheme:dark;background-color:#101817;color:#eff7f3;}
.site-select-menu{max-height:260px;overflow-y:auto;}