body.community-uanlov {
  background: linear-gradient(180deg, #1B6FC9 0%, #4E9AE0 38%, #93C7EE 66%, #CFE7F8 88%, #DFF0FB 100%);
}

body.community-uanlov::before {
  content: none;
}

.uanlov-scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.uanlov-sun {
  position: absolute;
  top: -18vh;
  right: -12vw;
  width: 60vh;
  height: 60vh;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 247, 214, .85) 0%, rgba(255, 240, 190, .35) 42%, rgba(255, 240, 190, 0) 70%);
}

.uanlov-cloud {
  position: absolute;
  width: 300px;
}

.uanlov-cloud--a { top: 8%; left: -12%; animation: uanlov-drift 26s ease-in-out infinite; }
.uanlov-cloud--b { top: 22%; right: -8%; width: 210px; opacity: .92; animation: uanlov-drift 32s ease-in-out infinite reverse; }
.uanlov-cloud--c { top: 44%; left: 4%; width: 150px; opacity: .72; animation: uanlov-drift 40s ease-in-out infinite; }

@keyframes uanlov-drift {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(34px, -6px); }
  100% { transform: translate(0, 0); }
}

.uanlov-hill {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
}

.uanlov-butterfly {
  position: fixed;
  z-index: -1;
  width: 30px;
  pointer-events: none;
}

.uanlov-butterfly--1 { top: 10%; left: 12%; animation: uanlov-flutter-a 16s ease-in-out infinite; }
.uanlov-butterfly--2 { top: 26%; right: 16%; width: 24px; animation: uanlov-flutter-b 20s ease-in-out infinite; }
.uanlov-butterfly--3 { top: 6%; right: 34%; width: 20px; animation: uanlov-flutter-c 14s ease-in-out infinite; }
.uanlov-butterfly--4 { top: 38%; left: 6%; width: 26px; animation: uanlov-flutter-c 22s ease-in-out infinite reverse; }
.uanlov-butterfly--5 { top: 16%; left: 40%; width: 22px; animation: uanlov-flutter-a 18s ease-in-out infinite reverse; }

@keyframes uanlov-flutter-a {
  0%   { transform: translate(0, 0) rotate(0deg); }
  20%  { transform: translate(70px, -34px) rotate(10deg); }
  40%  { transform: translate(150px, 8px) rotate(-8deg); }
  60%  { transform: translate(220px, -22px) rotate(10deg); }
  80%  { transform: translate(120px, 22px) rotate(-10deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes uanlov-flutter-b {
  0%   { transform: translate(0, 0) rotate(0deg); }
  25%  { transform: translate(-80px, 26px) rotate(-10deg); }
  50%  { transform: translate(-160px, -16px) rotate(8deg); }
  75%  { transform: translate(-100px, 22px) rotate(-8deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@keyframes uanlov-flutter-c {
  0%   { transform: translate(0, 0) rotate(0deg); }
  30%  { transform: translate(-50px, -20px) rotate(-8deg); }
  55%  { transform: translate(40px, -46px) rotate(8deg); }
  80%  { transform: translate(90px, -10px) rotate(-6deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

.uanlov-butterfly__wings {
  transform-origin: center;
  animation: uanlov-flap .5s ease-in-out infinite alternate;
}

.uanlov-butterfly--2 .uanlov-butterfly__wings,
.uanlov-butterfly--3 .uanlov-butterfly__wings {
  animation-duration: .42s;
}

@keyframes uanlov-flap {
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0.55); }
}

.uanlov-grain {
  position: absolute;
  inset: 0;
  opacity: .3;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
}

.uanlov-wordmark {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 0 auto 20px;
}

.uanlov-wordmark span {
  font-family: 'Shantell Sans', 'Comic Sans MS', cursive;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #14202B;
}

.uanlov-wordmark svg {
  width: 74px;
  height: 14px;
  margin-top: -4px;
  color: #14202B;
}

.uanlov-kiosk .uanlov-wordmark span,
.uanlov-kiosk .uanlov-wordmark svg {
  color: #FFFDF8;
}

.uanlov-kiosk .uanlov-wordmark span {
  font-size: 72px;
  text-shadow: 0 4px 14px rgba(21, 73, 130, .35);
}

.uanlov-kiosk .uanlov-wordmark svg {
  width: 130px;
  height: 24px;
  margin-top: -8px;
}

body.community-uanlov .card {
  background: #FFFDF8;
  backdrop-filter: none;
  border: none;
  box-shadow: 0 18px 40px -12px rgba(14, 52, 96, .45);
  transform: rotate(-1deg);
}

body.community-uanlov h1 {
  font-family: 'Anton', 'Arial Narrow', Impact, sans-serif;
  font-weight: 400;
  letter-spacing: .5px;
  color: #14202B;
}

body.community-uanlov .subtitle {
  color: #3F5C48;
}

body.community-uanlov .input {
  background: #FFFFFF;
  border: 2px solid #DCE7D6;
  border-radius: 14px;
  color: #14202B;
}

body.community-uanlov .input::placeholder {
  color: #97A491;
}

body.community-uanlov .input:focus {
  border-color: #3F9B2C;
}

body.community-uanlov .btn-primary {
  background: #EE6B52;
  color: #FFFDF8;
  border-radius: 15px;
  font-family: 'Anton', 'Arial Narrow', Impact, sans-serif;
  font-weight: 400;
  letter-spacing: 1.6px;
  box-shadow: 0 6px 0 #C24A34;
}

body.community-uanlov .btn-primary:hover {
  background: #F3A05F;
}

body.community-uanlov .btn-ghost {
  border-color: #DCE7D6;
  color: #3F5C48;
}

body.community-uanlov .error {
  color: #C24A34;
}

body.community-uanlov .phone-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 54px;
  border: 2px solid #DCE7D6;
  border-radius: 14px;
  padding: 0 14px;
  background: #FFFFFF;
  box-sizing: border-box;
}

body.community-uanlov .phone-row:focus-within {
  border-color: #3F9B2C;
}

body.community-uanlov .phone-row__prefix {
  font-family: var(--body);
  font-size: 16px;
  color: #6B7A6A;
}

body.community-uanlov .phone-row input {
  flex-grow: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--body);
  font-size: 16px;
  color: #14202B;
  padding: 0;
  width: 100%;
}

body.community-uanlov .phone-row input::placeholder {
  color: #97A491;
}

body.community-uanlov .kiosk__qr {
  background: #FFFDF8;
  border-radius: 26px;
  transform: rotate(1deg);
  box-shadow: 0 26px 60px -16px rgba(14, 52, 96, .5);
}

body.community-uanlov .kiosk__title {
  color: #FFFDF8;
  text-shadow: 0 3px 10px rgba(16, 60, 110, .35);
}

body.community-uanlov .kiosk__warn {
  display: none;
}

.uanlov-flower {
  --flower-scale: 1;
  position: absolute;
  width: 30px;
  transform-origin: bottom center;
  animation: uanlov-sway 4.5s ease-in-out infinite;
}

@keyframes uanlov-sway {
  0%, 100% { transform: scale(var(--flower-scale)) rotate(-4deg); }
  50% { transform: scale(var(--flower-scale)) rotate(4deg); }
}

.uanlov-flower--1 { bottom: 6%; left: 7%; width: 34px; animation-duration: 4.2s; animation-delay: 0s; }
.uanlov-flower--2 { bottom: 11%; left: 21%; width: 24px; animation-duration: 3.6s; animation-delay: -1.1s; }
.uanlov-flower--3 { bottom: 4%; left: 42%; width: 28px; animation-duration: 5s; animation-delay: -2.4s; }
.uanlov-flower--4 { bottom: 14%; right: 28%; width: 22px; animation-duration: 3.9s; animation-delay: -0.6s; }
.uanlov-flower--5 { bottom: 5%; right: 12%; width: 32px; animation-duration: 4.7s; animation-delay: -3s; }
.uanlov-flower--6 { bottom: 16%; right: 6%; width: 20px; animation-duration: 4s; animation-delay: -1.8s; }

.uanlov-kiosk .uanlov-flower {
  --flower-scale: 1.7;
}

.uanlov-instagram {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #3F5C48;
  text-decoration: none;
  transition: color 0.15s ease;
}

.uanlov-instagram:hover {
  color: #EE6B52;
}

.uanlov-instagram svg {
  width: 13px;
  height: 13px;
}