/* ============================================================
   DESIGN DIRECTION: "Lakeside Tavern Wall" —
   Dark hand-crafted wood, lantern glow, fish trophy aesthetic.
   Warm amber on deep midnight. Feels like a fishing lodge at dusk.
   ============================================================ */

:root {
  --ink:       #0d0a06;
  --wood:      #1a0f05;
  --plank:     #2a1a0a;
  --amber:     #e8920a;
  --gold:      #f5c842;
  --cream:     #f0e6c8;
  --mist:      rgba(240,230,200,0.08);
  --water-dk:  #06182e;
  --water-md:  #0d3a6a;
  --water-lt:  #1a6fa0;
  --splash:    #5bc8f0;
  --red:       #c0392b;
  --green:     #1e7a40;
  --radius:    14px;
  --shadow:    0 8px 40px rgba(0,0,0,0.7);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--wood);
  color: var(--cream);
  font-family: 'Lora', Georgia, serif;
  overflow-x: hidden;
  cursor: url("../assets/images/cursor-fishing.svg") 4 28, auto;
}

/* ---- WOOD TEXTURE OVERLAY ---- */
body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image:
    repeating-linear-gradient(
      92deg,
      transparent 0px, transparent 18px,
      rgba(0,0,0,0.04) 18px, rgba(0,0,0,0.04) 19px
    ),
    repeating-linear-gradient(
      180deg,
      transparent 0px, transparent 60px,
      rgba(255,255,255,0.015) 60px, rgba(255,255,255,0.015) 61px
    );
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  overflow: hidden;
  padding: 40px 20px 80px;
}

/* SKY GRADIENT */
.hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg,
    #0d0618 0%, #3d0e20 12%, #a0280f 25%,
    #cc5500 35%, #e88800 46%,
    #1565c0 58%, #06182e 75%, #061524 100%);
}

/* ANIMATED WATER */
.hero-water {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 36%; z-index: 1;
  background: linear-gradient(180deg, rgba(13,58,106,0.8) 0%, #061524 100%);
  overflow: hidden;
}
.hero-water::after {
  content: '';
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    0deg, transparent 0, transparent 12px,
    rgba(91,200,240,0.04) 12px, rgba(91,200,240,0.04) 13px
  );
  animation: waterDrift 4s linear infinite;
}
@keyframes waterDrift { to { transform: translateY(13px); } }

/* SUN PILLAR */
.sun-pillar {
  position: absolute; bottom: 36%; left: 50%; transform: translateX(-50%);
  width: 6px; height: 220px; z-index: 2;
  background: linear-gradient(180deg, rgba(255,200,50,0.55) 0%, transparent 100%);
  filter: blur(10px);
  animation: pillar 5s ease-in-out infinite alternate;
}
@keyframes pillar {
  from { width: 6px; opacity: 0.55; }
  to   { width: 28px; opacity: 0.25; }
}

/* STARS */
.stars {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none;
}
.s {
  position: absolute; background: #fff; border-radius: 50%;
  animation: blink var(--d,3s) ease-in-out infinite;
}
@keyframes blink { 0%,100%{opacity:.05} 50%{opacity:.9} }

/* SILHOUETTE TREES */
.silhouette {
  position: absolute; bottom: 34%; z-index: 2;
  pointer-events: none; width: 100%;
  display: flex; justify-content: space-between; align-items: flex-end;
  padding: 0 4%;
}
.tree {
  width: 0; height: 0;
  border-left: solid transparent;
  border-right: solid transparent;
  border-bottom: solid #0d0618;
  position: relative;
}

/* FLOATING FISH AMBIENT */
.fish-float {
  position: absolute; z-index: 2; pointer-events: none;
  animation: fishSwim var(--dur,18s) linear infinite;
  opacity: 0.18; font-size: var(--sz,28px);
}
@keyframes fishSwim {
  0%   { transform: translateX(-120px) translateY(0); }
  45%  { transform: translateX(50vw) translateY(-20px); }
  55%  { transform: translateX(50vw) translateY(-20px) scaleX(-1); }
  100% { transform: translateX(calc(100vw + 120px)) translateY(0) scaleX(-1); }
}

/* HERO CONTENT */
.hero-content {
  position: relative; z-index: 10;
  text-align: center;
  animation: heroIn 1.2s ease both;
}
@keyframes heroIn {
  from { opacity:0; transform: translateY(30px); }
  to   { opacity:1; transform: translateY(0); }
}

.hero-eyebrow {
  font-family: 'Nunito', sans-serif;
  font-size: 12px; font-weight: 900;
  letter-spacing: 4px; text-transform: uppercase;
  color: var(--amber); margin-bottom: 14px;
  animation: heroIn 1.2s 0.1s ease both;
}

.hero-title {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(52px, 9vw, 110px);
  line-height: 1;
  color: var(--gold);
  text-shadow:
    0 0 40px rgba(248,200,66,0.6),
    0 0 80px rgba(248,200,66,0.25),
    4px 4px 0 #5d2800,
    8px 8px 0 rgba(0,0,0,0.3);
  margin-bottom: 6px;
  animation: heroIn 1.2s 0.2s ease both;
}
.hero-title-sub {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(20px, 4vw, 42px);
  color: var(--splash);
  letter-spacing: 3px;
  text-shadow: 0 0 20px rgba(91,200,240,0.6);
  animation: heroIn 1.2s 0.35s ease both;
  margin-bottom: 20px;
}

.hero-tagline {
  font-size: clamp(14px, 2vw, 18px);
  font-style: italic;
  color: rgba(240,230,200,0.7);
  margin-bottom: 36px;
  animation: heroIn 1.2s 0.45s ease both;
}

/* ============================================================
   WELCOME BONUS HERO CARD
   ============================================================ */
.welcome-hero {
  position: relative;
  background: linear-gradient(135deg, #1a0c02, #2a1405);
  border: 2.5px solid var(--gold);
  border-radius: 20px;
  padding: 28px 36px;
  max-width: 560px;
  margin: 0 auto 36px;
  box-shadow: 0 0 60px rgba(248,200,66,0.2), var(--shadow);
  animation: heroIn 1.2s 0.55s ease both;
  overflow: hidden;
}
.welcome-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(248,200,66,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.welcome-ribbon {
  position: absolute; top: -2px; right: -2px;
  background: linear-gradient(135deg, var(--amber), var(--gold));
  color: #1a0800; font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 10px; letter-spacing: 1px; text-transform: uppercase;
  padding: 4px 14px 4px 10px;
  border-radius: 0 18px 0 14px;
}
.welcome-num {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(64px, 12vw, 100px);
  color: var(--gold);
  line-height: 1;
  text-shadow: 0 0 30px rgba(248,200,66,0.5), 3px 3px 0 #5d2800;
  display: block;
}
.welcome-spins {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: clamp(18px, 3.5vw, 28px);
  color: var(--cream); letter-spacing: 2px; text-transform: uppercase;
  margin-bottom: 6px;
}
.welcome-spin-sub {
  font-size: 13px; color: rgba(240,230,200,0.55);
  font-style: italic; margin-bottom: 20px;
}
.welcome-icons {
  display: flex; gap: 14px; justify-content: center; margin-bottom: 18px;
  flex-wrap: wrap;
}
.wi {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(248,200,66,0.22);
  border-radius: 10px; padding: 8px 12px; min-width: 72px;
}
.wi-icon { font-size: 22px; }
.wi-label { font-family: 'Nunito',sans-serif; font-size: 10px; font-weight: 700; color: rgba(240,230,200,0.6); text-align:center; }

.cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e85d00, #f5c842);
  color: #1a0800; font-family: 'Cabin Sketch', cursive;
  font-size: clamp(16px,2.5vw,22px);
  padding: 14px 40px; border-radius: 12px; text-decoration: none;
  box-shadow: 0 6px 28px rgba(232,90,0,0.55);
  transition: all 0.2s; border: none; cursor: pointer;
  letter-spacing: 1px;
  animation: ctaPulse 2.5s ease-in-out infinite;
}
@keyframes ctaPulse {
  0%,100% { box-shadow: 0 6px 28px rgba(232,90,0,0.55); }
  50%      { box-shadow: 0 8px 40px rgba(232,90,0,0.85), 0 0 0 6px rgba(248,200,66,0.15); }
}
.cta-btn:hover { transform: translateY(-3px) scale(1.02); }

.cta-note {
  font-size: 11px; color: rgba(240,230,200,0.35);
  font-style: italic; margin-top: 10px;
}

/* ============================================================
   SCROLL INDICATOR
   ============================================================ */
.scroll-hint {
  position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
  z-index: 10; display: flex; flex-direction: column; align-items: center; gap: 6px;
  color: rgba(240,230,200,0.3); font-size: 11px; letter-spacing: 2px;
  animation: float 2.5s ease-in-out infinite;
}
@keyframes float { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(8px)} }

/* ============================================================
   SECTIONS COMMON
   ============================================================ */
section {
  position: relative; z-index: 5;
  padding: 80px 20px;
}
.container { max-width: 1060px; margin: 0 auto; }

.section-label {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 11px; letter-spacing: 5px; text-transform: uppercase;
  color: var(--amber); margin-bottom: 12px; text-align: center;
}
.section-title {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(32px, 5vw, 54px);
  color: var(--gold);
  text-shadow: 2px 2px 0 #5d2800;
  text-align: center; margin-bottom: 14px;
  line-height: 1.1;
}
.section-lead {
  text-align: center; max-width: 640px; margin: 0 auto 56px;
  font-size: 16px; color: rgba(240,230,200,0.65);
  line-height: 1.8; font-style: italic;
}

/* DIVIDER */
.divider {
  text-align: center; padding: 0 0 60px;
  color: rgba(248,200,66,0.25); font-size: 28px; letter-spacing: 16px;
}

/* ============================================================
   HOW TO PLAY — STEPS
   ============================================================ */
.steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.step {
  background: var(--plank);
  border: 1px solid rgba(248,200,66,0.18);
  border-radius: var(--radius);
  padding: 28px 22px;
  text-align: center;
  transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;
  position: relative; overflow: hidden;
}
.step::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(248,200,66,0.04) 0%, transparent 60%);
  pointer-events: none;
}
.step:hover {
  transform: translateY(-6px);
  border-color: rgba(248,200,66,0.5);
  box-shadow: 0 12px 36px rgba(0,0,0,0.5), 0 0 0 1px rgba(248,200,66,0.12);
}
.step-num {
  font-family: 'Cabin Sketch', cursive; font-size: 48px;
  color: rgba(248,200,66,0.15); line-height: 1;
  position: absolute; top: 10px; right: 14px;
}
.step-icon { font-size: 38px; margin-bottom: 12px; display: block; }
.step-title {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 15px; color: var(--gold); margin-bottom: 8px;
  letter-spacing: 0.5px;
}
.step-text { font-size: 13px; color: rgba(240,230,200,0.6); line-height: 1.7; }

/* ============================================================
   ITEMS GRID
   ============================================================ */
.items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
}
.item-card {
  background: linear-gradient(160deg, #1c1005, #120a02);
  border: 1px solid rgba(248,200,66,0.15);
  border-radius: var(--radius);
  padding: 22px 16px; text-align: center;
  transition: all 0.25s;
  position: relative;
}
.item-card.danger { border-color: rgba(192,57,43,0.3); }
.item-card.danger:hover { border-color: rgba(192,57,43,0.7); box-shadow: 0 8px 30px rgba(192,57,43,0.25); }
.item-card:not(.danger):hover { border-color: rgba(248,200,66,0.5); box-shadow: 0 8px 30px rgba(248,200,66,0.15); transform: translateY(-4px); }
.item-icon { font-size: 40px; margin-bottom: 10px; display: block; }
.item-name {
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 13px; color: var(--cream); margin-bottom: 5px;
}
.item-pts {
  font-family: 'Cabin Sketch', cursive; font-size: 20px;
  color: var(--gold); line-height: 1;
}
.item-desc { font-size: 11px; color: rgba(240,230,200,0.45); line-height: 1.5; margin-top: 5px; }
.badge-danger {
  position: absolute; top: 8px; right: 8px;
  background: var(--red); color: #fff;
  font-family: 'Nunito', sans-serif; font-weight: 900;
  font-size: 9px; letter-spacing: 1px; text-transform: uppercase;
  padding: 2px 6px; border-radius: 4px;
}

/* ============================================================
   BONUS SECTION
   ============================================================ */
.bonus-section {
  background: linear-gradient(180deg, #060e1c 0%, var(--water-dk) 50%, #060e1c 100%);
  border-top: 1px solid rgba(91,200,240,0.12);
  border-bottom: 1px solid rgba(91,200,240,0.12);
  position: relative; overflow: hidden;
}
.bonus-section::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(91,200,240,0.06) 0%, transparent 70%);
  pointer-events: none;
}

.bonus-big {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; position: relative; z-index: 2;
}

.bonus-number-wrap {
  position: relative; margin-bottom: 14px;
}
.bonus-number {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(90px, 18vw, 160px);
  color: var(--gold); line-height: 1;
  text-shadow:
    0 0 60px rgba(248,200,66,0.5),
    0 0 120px rgba(248,200,66,0.2),
    5px 5px 0 #5d2800;
  display: block;
  animation: numGlow 3s ease-in-out infinite alternate;
}
@keyframes numGlow {
  from { text-shadow: 0 0 60px rgba(248,200,66,0.5), 5px 5px 0 #5d2800; }
  to   { text-shadow: 0 0 100px rgba(248,200,66,0.8), 0 0 180px rgba(248,200,66,0.3), 5px 5px 0 #5d2800; }
}
.bonus-reel { font-size: clamp(28px,5vw,48px); animation: spinIcon 1s linear infinite; display: inline-block; }
@keyframes spinIcon { to { transform: rotate(360deg); } }

.bonus-label-big {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(22px, 4vw, 38px);
  color: var(--splash);
  letter-spacing: 4px; text-transform: uppercase;
  text-shadow: 0 0 20px rgba(91,200,240,0.5);
  margin-bottom: 18px;
}
.bonus-desc-big {
  font-size: clamp(14px,2vw,17px);
  color: rgba(240,230,200,0.6);
  max-width: 560px; line-height: 1.8;
  margin-bottom: 32px; font-style: italic;
}

.bonus-cards {
  display: flex; gap: 16px; flex-wrap: wrap; justify-content: center;
  margin-bottom: 36px;
}
.bcard {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(248,200,66,0.2);
  border-radius: 12px; padding: 16px 20px;
  text-align: center; min-width: 130px;
  transition: all 0.2s;
}
.bcard:hover { border-color: rgba(248,200,66,0.55); background: rgba(248,200,66,0.07); transform: translateY(-3px); }
.bcard-icon { font-size: 28px; margin-bottom: 7px; display: block; }
.bcard-val {
  font-family: 'Cabin Sketch', cursive; font-size: 22px; color: var(--gold); display: block; line-height: 1;
}
.bcard-name { font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 11px; color: rgba(240,230,200,0.5); margin-top: 3px; text-transform: uppercase; letter-spacing: 1px; }

.terms-note {
  font-size: 11px; color: rgba(240,230,200,0.25);
  font-style: italic; max-width: 500px; line-height: 1.7; margin-top: 8px;
}

/* ============================================================
   FEATURES SECTION
   ============================================================ */
.features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}
.feat {
  display: flex; gap: 16px; align-items: flex-start;
  background: var(--plank);
  border: 1px solid rgba(248,200,66,0.12);
  border-radius: var(--radius);
  padding: 22px 20px;
  transition: all 0.25s;
}
.feat:hover { border-color: rgba(248,200,66,0.4); transform: translateX(4px); }
.feat-icon { font-size: 32px; flex-shrink: 0; margin-top: 2px; }
.feat-title { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: 14px; color: var(--gold); margin-bottom: 5px; }
.feat-text { font-size: 13px; color: rgba(240,230,200,0.58); line-height: 1.7; }

/* ============================================================
   LEVELS SECTION
   ============================================================ */
.levels-row {
  display: flex; gap: 16px; flex-wrap: wrap; justify-content: center;
}
.level-card {
  flex: 1; min-width: 200px; max-width: 260px;
  background: var(--plank);
  border: 1.5px solid rgba(248,200,66,0.15);
  border-radius: var(--radius);
  padding: 24px 20px; text-align: center;
  position: relative; overflow: hidden;
  transition: all 0.25s;
}
.level-card.active {
  border-color: rgba(248,200,66,0.6);
  box-shadow: 0 0 30px rgba(248,200,66,0.15);
}
.level-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--amber), var(--gold));
}
.level-card:hover { transform: translateY(-5px); }
.lv-icon { font-size: 42px; margin-bottom: 12px; display: block; }
.lv-name { font-family: 'Cabin Sketch', cursive; font-size: 20px; color: var(--gold); margin-bottom: 6px; }
.lv-diff {
  display: inline-block;
  background: rgba(248,200,66,0.1); border: 1px solid rgba(248,200,66,0.3);
  border-radius: 100px; padding: 2px 12px;
  font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 11px;
  color: var(--amber); letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 12px;
}
.lv-diff.hard { background: rgba(192,57,43,0.12); border-color: rgba(192,57,43,0.35); color: #e07060; }
.lv-diff.medium { background: rgba(230,126,34,0.12); border-color: rgba(230,126,34,0.35); color: #e8920a; }
.lv-text { font-size: 12px; color: rgba(240,230,200,0.5); line-height: 1.7; }

/* ============================================================
   CTA FOOTER SECTION
   ============================================================ */
.cta-section {
  text-align: center; padding: 80px 20px 100px;
  background: linear-gradient(180deg, var(--wood) 0%, #0a0602 100%);
  position: relative; overflow: hidden;
}
.cta-section::before {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(232,146,10,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.cta-big-num {
  font-family: 'Cabin Sketch', cursive;
  font-size: clamp(80px, 16vw, 140px);
  color: transparent;
  -webkit-text-stroke: 2px rgba(248,200,66,0.3);
  text-stroke: 2px rgba(248,200,66,0.3);
  line-height: 1; margin-bottom: -20px;
  user-select: none; pointer-events: none;
}
.cta-section .section-title { margin-bottom: 16px; }
.cta-section .section-lead { margin-bottom: 36px; }
.cta-sub { font-size: 13px; color: rgba(240,230,200,0.3); font-style: italic; margin-top: 16px; }

/* ============================================================
   FOOTER
   ============================================================ */
footer {
  background: #060401;
  border-top: 1px solid rgba(248,200,66,0.1);
  padding: 28px 20px; text-align: center;
  font-size: 12px; color: rgba(240,230,200,0.25);
}
footer strong { color: rgba(248,200,66,0.4); }

/* ============================================================
   SCROLL ANIMATIONS
   ============================================================ */
.reveal {
  opacity: 0; transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left  { opacity:0; transform: translateX(-24px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal-left.visible { opacity:1; transform: translateX(0); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
  .welcome-hero { padding: 20px 18px; }
  .hero-content { padding: 0 10px; }
  .steps, .items-grid, .features { grid-template-columns: 1fr 1fr; }
  .levels-row { flex-direction: column; align-items: center; }
  .bonus-number { font-size: 100px; }
}
@media (max-width: 400px) {
  .steps, .items-grid { grid-template-columns: 1fr; }
}

/* Extracted inline utilities */
.u-home-001{position:sticky;top:0;z-index:100;background:rgba(10,8,5,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,200,66,.2);padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:52px;}
.u-home-002{font-family:'Cabin Sketch',cursive;font-size:20px;color:#f5c842;text-shadow:0 0 12px rgba(245,200,66,.4);}
.u-home-003{display:flex;gap:5px;align-items:center;}
.u-home-004{color:#f5c842;background:rgba(245,200,66,.12);font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;text-decoration:none;padding:5px 10px;border-radius:6px;}
.u-home-005{background:linear-gradient(135deg,#e85d00,#f5c842);color:#1a0800;font-family:'Nunito',sans-serif;font-size:12px;font-weight:900;text-decoration:none;padding:5px 14px;border-radius:8px;box-shadow:0 2px 12px rgba(232,90,0,.4);}
.u-home-006{color:rgba(240,230,200,.55);font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;text-decoration:none;padding:5px 10px;border-radius:6px;}
.u-home-007{color:rgba(240,230,200,.55);font-family:'Nunito',sans-serif;font-size:12px;font-weight:700;text-decoration:none;padding:5px 10px;border-radius:6px;}
.u-home-008{border-left-width:18px;border-right-width:18px;border-bottom-width:80px;}
.u-home-009{border-left-width:22px;border-right-width:22px;border-bottom-width:110px;margin-bottom:-6px;}
.u-home-010{border-left-width:14px;border-right-width:14px;border-bottom-width:64px;}
.u-home-011{flex:1}
.u-home-012{border-left-width:16px;border-right-width:16px;border-bottom-width:72px;}
.u-home-013{border-left-width:24px;border-right-width:24px;border-bottom-width:120px;margin-bottom:-4px;}
.u-home-014{border-left-width:12px;border-right-width:12px;border-bottom-width:55px;}
.u-home-015{bottom:38%;--dur:22s;--sz:32px;animation-delay:-5s}
.u-home-016{bottom:40%;--dur:30s;--sz:24px;animation-delay:-14s}
.u-home-017{bottom:36%;--dur:18s;--sz:20px;animation-delay:-8s}
.u-home-018{background: linear-gradient(180deg, var(--ink) 0%, var(--plank) 100%); padding-top:90px;}
.u-home-019{transition-delay:0.05s}
.u-home-020{transition-delay:0.12s}
.u-home-021{transition-delay:0.19s}
.u-home-022{transition-delay:0.26s}
.u-home-023{background: var(--plank);}
.u-home-024{transition-delay:0.05s}
.u-home-025{transition-delay:0.1s}
.u-home-026{transition-delay:0.15s}
.u-home-027{transition-delay:0.2s}
.u-home-028{transition-delay:0.25s}
.u-home-029{transition-delay:0.3s}
.u-home-030{transition-delay:0.35s}
.u-home-031{background: linear-gradient(180deg, var(--plank), var(--ink));}
.u-home-032{transition-delay:0.05s}
.u-home-033{transition-delay:0.12s}
.u-home-034{transition-delay:0.19s}
.u-home-035{background: var(--ink); padding-bottom: 40px;}
.u-home-036{transition-delay:0.05s}
.u-home-037{transition-delay:0.1s}
.u-home-038{transition-delay:0.15s}
.u-home-039{transition-delay:0.2s}
.u-home-040{transition-delay:0.25s}
.u-home-041{transition-delay:0.3s}
.u-home-042{color: var(--splash);}
.u-home-043{animation-direction:reverse}
.u-home-044{font-size:clamp(18px,3vw,26px);padding:16px 52px}
.u-home-045{position:relative;z-index:2}
.u-home-046{font-size:clamp(18px,3vw,24px);padding:16px 52px}

/* unique-domain-theme: kuzlolesiisga.pro | arabic-lake */
:root{--unique-bg:#061524;--unique-accent:#36c2ff;--unique-warm:#f5b94a;}
body{direction:rtl;}
a,button{letter-spacing:0 !important;}