@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/plus-jakarta-sans.woff2') format('woff2')}
/* =========================================================
   U HIRABLE — brand styles
   ========================================================= */
:root {
  --brand: #0112ff;
  --brand-600: #000ed6;
  --brand-800: #0009a3;
  --brand-50: #eef0ff;
  --brand-100: #dde1ff;
  --navy: #050b3f;
  --ink: #0d1240;
  --muted: #5b6290;
  --bg: #f5f6ff;
  --white: #ffffff;
  --gold: #ffc93c;
  --coral: #ff4d5e;
  --success: #12b76a;
  --error: #e5484d;
  --radius: 22px;
  --shadow-3d:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 2px 4px rgba(5,11,63,.06),
    0 12px 24px -6px rgba(5,11,63,.12),
    0 30px 60px -20px rgba(1,18,255,.28);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
main { flex: 1; }
.container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 20px; }

/* ---------- Header ---------- */
.topbar {
  position: sticky; top: 0; z-index: 50;
  background: rgba(1,18,255,.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.topbar .container {
  display: flex; align-items: center; justify-content: space-between;
  height: 74px; gap: 16px;
}
.logo img { height: 34px; width: auto; }
.nav { display: flex; align-items: center; gap: 6px; }
.nav a {
  color: rgba(255,255,255,.82); font-weight: 600; font-size: .95rem;
  padding: 8px 14px; border-radius: 999px; transition: .2s;
}
.nav a:hover, .nav a.active { color: #fff; background: rgba(255,255,255,.14); }
.nav .btn { margin-left: 6px; }
.nav a.btn, .nav a.btn:hover { color: var(--brand); background: #fff; }

/* ---------- 3D Buttons ---------- */
.btn {
  --b: var(--white); --t: var(--brand); --edge: #c8ccff;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--b); color: var(--t);
  font-family: inherit; font-weight: 700; font-size: 1rem; line-height: 1;
  padding: 14px 26px; border: none; border-radius: 14px; cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 6px 0 var(--edge), 0 14px 24px -8px rgba(5,11,63,.35);
  transform: translateY(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .2s;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 0 var(--edge), 0 20px 30px -10px rgba(5,11,63,.4); }
.btn:active { transform: translateY(5px); box-shadow: 0 1px 0 var(--edge), 0 6px 10px -6px rgba(5,11,63,.4); }
.btn:disabled { filter: grayscale(.4) opacity(.7); cursor: wait; }
.btn-primary { --b: var(--brand); --t: #fff; --edge: var(--brand-800); }
.btn-gold { --b: var(--gold); --t: var(--navy); --edge: #d99e10; }
.btn-soft { --b: var(--brand-50); --t: var(--brand); --edge: var(--brand-100); }
.btn-sm { padding: 10px 18px; font-size: .9rem; border-radius: 12px; }
.btn-full { width: 100%; }
.btn svg { width: 18px; height: 18px; }

/* ---------- Hero ---------- */
.hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(700px 500px at 0% 100%, rgba(0,7,140,.7), transparent 60%),
    var(--brand);
  color: #fff;
  padding: 80px 0 170px;
  perspective: 1200px;
}
.hero .container {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 40px;
}
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25);
  padding: 7px 14px; border-radius: 999px; font-size: .85rem; font-weight: 600;
  margin-bottom: 22px;
}
.eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(255,201,60,.3); }
.hero h1 {
  font-size: clamp(2.3rem, 5.4vw, 4rem); line-height: 1.05; font-weight: 800; letter-spacing: -.03em;
  margin-bottom: 20px;
  text-shadow: 0 2px 0 var(--brand-800), 0 4px 0 rgba(0,9,163,.6), 0 18px 30px rgba(0,0,60,.35);
}
.hero h1 .hl { color: var(--gold); }
.hero p.lead { font-size: 1.15rem; color: rgba(255,255,255,.85); max-width: 520px; margin-bottom: 32px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 16px; }

.hero-visual { position: relative; transform-style: preserve-3d; }
.hero-visual .illus {
  width: min(380px, 80%); margin: 0 auto;
  filter: drop-shadow(0 40px 40px rgba(0,0,60,.45));
  animation: float 6s ease-in-out infinite;
}
.badge-float {
  position: absolute; background: #fff; color: var(--ink);
  border-radius: 16px; padding: 12px 16px; font-weight: 700; font-size: .9rem;
  display: flex; align-items: center; gap: 10px;
  box-shadow: var(--shadow-3d);
  animation: float 7s ease-in-out infinite;
}
.badge-float .ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 1.1rem; }
.badge-float small { display: block; font-weight: 500; color: var(--muted); font-size: .75rem; }
.badge-1 { top: 10%; left: -2%; animation-delay: -2s; }
.badge-1 .ico { background: #e7fbf1; }
.badge-2 { bottom: 12%; right: -2%; animation-delay: -4s; }
.badge-2 .ico { background: #fff6dd; }

/* Floating 3D shapes */
.shapes { position: absolute; inset: 0; z-index: 1; pointer-events: none; transform-style: preserve-3d; }
.sphere {
  position: absolute; border-radius: 50%;
  background: radial-gradient(circle at 30% 28%, #fff 0%, #9aa3ff 18%, #2a37ff 48%, #000a9e 100%);
  box-shadow: inset -12px -16px 30px rgba(0,0,60,.45), 0 30px 50px rgba(0,0,60,.35);
  animation: float 9s ease-in-out infinite;
}
.sphere.gold { background: radial-gradient(circle at 30% 28%, #fff 0%, #ffe39a 20%, #ffc93c 50%, #c98600 100%); }
.s1 { width: 120px; height: 120px; top: 12%; left: 46%; opacity: .9; }
.s2 { width: 54px; height: 54px; bottom: 30%; left: 6%; animation-delay: -3s; }
.s3 { width: 34px; height: 34px; top: 18%; right: 6%; animation-delay: -5s; }
.ring {
  position: absolute; width: 260px; height: 260px; right: -60px; bottom: 60px;
  border-radius: 50%; border: 18px solid rgba(255,255,255,.12);
  transform: rotateX(65deg) rotateZ(0deg);
  animation: spin 22s linear infinite;
}
.cube {
  position: absolute; width: 70px; height: 70px; top: 64%; left: 40%;
  transform-style: preserve-3d; animation: cube 14s linear infinite;
}
.cube span {
  position: absolute; inset: 0; border-radius: 10px;
  background: linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.12));
  border: 1px solid rgba(255,255,255,.5);
  backdrop-filter: blur(2px);
}
.cube span:nth-child(1) { transform: translateZ(35px); }
.cube span:nth-child(2) { transform: rotateY(180deg) translateZ(35px); }
.cube span:nth-child(3) { transform: rotateY(90deg) translateZ(35px); }
.cube span:nth-child(4) { transform: rotateY(-90deg) translateZ(35px); }
.cube span:nth-child(5) { transform: rotateX(90deg) translateZ(35px); }
.cube span:nth-child(6) { transform: rotateX(-90deg) translateZ(35px); }

.wave { position: absolute; left: 0; right: 0; bottom: -1px; z-index: 2; line-height: 0; }
.wave svg { width: 100%; height: 90px; display: block; }

@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-18px); } }
@keyframes spin { to { transform: rotateX(65deg) rotateZ(360deg); } }
@keyframes cube { to { transform: rotateX(360deg) rotateY(720deg); } }

/* ---------- Choice cards (3D tilt) ---------- */
.choices-wrap { position: relative; z-index: 5; margin-top: -120px; }
.choices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.choice-card {
  position: relative; display: flex; flex-direction: column; gap: 14px;
  background: #fff; border-radius: 28px; padding: 36px;
  box-shadow: var(--shadow-3d);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.choice-card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: radial-gradient(400px circle at var(--mx,50%) var(--my,0%), rgba(1,18,255,.08), transparent 45%);
}
.choice-card > * { transform: translateZ(40px); }
.choice-card .icon3d { transform: translateZ(70px); }
.choice-card h2 { font-size: 1.6rem; letter-spacing: -.02em; }
.choice-card p { color: var(--muted); flex: 1; }
.choice-card .tag-top {
  align-self: flex-start; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--brand); background: var(--brand-50); padding: 6px 12px; border-radius: 999px;
}
.choice-card.dark { background: linear-gradient(160deg, #0a1468, var(--navy)); color: #fff; }
.choice-card.dark p { color: rgba(255,255,255,.72); }
.choice-card.dark .tag-top { background: rgba(255,201,60,.16); color: var(--gold); }

.icon3d {
  width: 76px; height: 76px; border-radius: 22px; display: grid; place-items: center;
  background: linear-gradient(145deg, #3a47ff, var(--brand) 55%, var(--brand-800));
  box-shadow: inset 0 2px 0 rgba(255,255,255,.45), inset 0 -6px 12px rgba(0,0,80,.4), 0 14px 24px -6px rgba(1,18,255,.6);
  color: #fff;
}
.icon3d.gold {
  background: linear-gradient(145deg, #ffe08a, var(--gold) 55%, #d99e10);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.6), inset 0 -6px 12px rgba(150,90,0,.35), 0 14px 24px -6px rgba(255,180,0,.55);
  color: var(--navy);
}
.icon3d svg { width: 36px; height: 36px; }

/* 3D characters on the choice cards */
.choice-card > .character {
  position: absolute; right: 18px; top: -46px; width: 170px;
  transform: translateZ(90px); pointer-events: none;
}
.choice-card .character img {
  width: 100%;
  filter: drop-shadow(0 22px 22px rgba(5,11,63,.28));
  animation: float 5s ease-in-out infinite;
}
.choice-card.dark .character img { animation-delay: -2.5s; filter: drop-shadow(0 22px 22px rgba(0,0,0,.45)); }
.choice-card h2, .choice-card .tag-top { max-width: calc(100% - 150px); }
@media (max-width: 720px) {
  .choice-card > .character { width: 118px; top: -30px; right: 10px; }
  .choice-card h2, .choice-card .tag-top { max-width: calc(100% - 100px); }
}

/* ---------- Sections ---------- */
.section { padding: 96px 0; }
.section-head { text-align: center; max-width: 620px; margin: 0 auto 50px; }
.section-head .kicker { color: var(--brand); font-weight: 700; font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
.section-head h2 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); letter-spacing: -.03em; line-height: 1.15; margin: 8px 0 12px; }
.section-head p { color: var(--muted); }

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.step {
  background: #fff; border-radius: var(--radius); padding: 30px; position: relative;
  box-shadow: var(--shadow-3d); transform-style: preserve-3d; transition: transform .25s;
}
.step .num {
  position: absolute; top: 22px; right: 24px; font-size: 3.4rem; font-weight: 800; line-height: 1;
  color: transparent; -webkit-text-stroke: 2px var(--brand-100);
}
.step .icon3d { width: 58px; height: 58px; border-radius: 16px; margin-bottom: 18px; }
.step .icon3d svg { width: 28px; height: 28px; }
.step h3 { font-size: 1.15rem; margin-bottom: 6px; }
.step p { color: var(--muted); font-size: .95rem; }

.cta-band {
  position: relative; overflow: hidden;
  background: linear-gradient(120deg, var(--brand), #3340ff);
  border-radius: 32px; padding: 56px; color: #fff;
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  box-shadow: 0 30px 60px -20px rgba(1,18,255,.6);
}
.cta-band h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.02em; line-height: 1.2; max-width: 560px; }
.cta-band > *:not(.sphere) { position: relative; z-index: 1; }
.cta-band .sphere { right: 22%; top: -40px; width: 140px; height: 140px; opacity: .5; }

/* ---------- Page banner (inner pages) ---------- */
.page-hero {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(700px 400px at 90% 0%, rgba(255,255,255,.18), transparent 60%),
    var(--brand);
  padding: 64px 0 130px;
}
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.2rem); letter-spacing: -.03em; line-height: 1.1; margin-bottom: 10px;
  text-shadow: 0 2px 0 var(--brand-800), 0 14px 26px rgba(0,0,60,.35);
}
.page-hero p { color: rgba(255,255,255,.85); max-width: 560px; font-size: 1.05rem; }
.page-hero .s1 { left: auto; right: 8%; top: 20%; width: 90px; height: 90px; }
.page-hero .s3 { right: 22%; top: 60%; }
.page-body { position: relative; z-index: 5; margin-top: -86px; padding-bottom: 90px; }

/* ---------- Forms ---------- */
.panel {
  background: #fff; border-radius: 28px; padding: 36px;
  box-shadow: var(--shadow-3d);
}
.form-layout { display: grid; grid-template-columns: 1fr 320px; gap: 28px; align-items: start; }
.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 18px; }
label { display: flex; flex-direction: column; gap: 8px; font-size: .88rem; font-weight: 600; color: var(--ink); }
.panel > form > label { margin-bottom: 18px; }
input, select, textarea {
  background: var(--bg); border: 1.5px solid #e2e5f7; border-radius: 14px;
  padding: 13px 15px; color: var(--ink); font: inherit; font-weight: 500;
  box-shadow: inset 0 2px 4px rgba(5,11,63,.05);
  transition: border-color .2s, box-shadow .2s, background .2s;
}
input:focus, select:focus, textarea:focus {
  outline: none; background: #fff; border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(1,18,255,.14);
}
textarea { resize: vertical; }
.form-status { margin-top: 16px; text-align: center; font-weight: 600; }
.form-status.success { color: var(--success); }
.form-status.error { color: var(--error); }

.side-card {
  background: linear-gradient(160deg, #0a1468, var(--navy)); color: #fff;
  border-radius: 28px; padding: 30px; box-shadow: var(--shadow-3d);
  position: sticky; top: 100px;
}
.side-card h3 { font-size: 1.15rem; margin-bottom: 18px; }
.side-card ol { list-style: none; display: grid; gap: 18px; }
.side-card li { display: flex; gap: 14px; }
.side-card li b { display: block; }
.side-card li span { color: rgba(255,255,255,.7); font-size: .9rem; }
.side-card .n {
  flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center;
  background: var(--gold); color: var(--navy); font-weight: 800;
  box-shadow: inset 0 -3px 0 #d99e10;
}

/* ---------- Jobs ---------- */
.filters {
  display: grid; grid-template-columns: 1fr 1.4fr; gap: 18px;
  background: #fff; border-radius: 24px; padding: 22px; box-shadow: var(--shadow-3d);
}
.count { color: var(--muted); font-weight: 600; margin: 30px 0 16px; }
.jobs-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.job-card {
  background: #fff; border-radius: var(--radius); padding: 26px;
  display: flex; flex-direction: column; gap: 14px;
  box-shadow: var(--shadow-3d); transform-style: preserve-3d;
  transition: transform .25s ease; border: 1px solid transparent;
}
.job-card:hover { border-color: var(--brand-100); }
.job-head { display: flex; gap: 14px; align-items: center; }
.job-head .icon3d { width: 52px; height: 52px; border-radius: 15px; flex: none; font-weight: 800; font-size: 1.2rem; }
.job-card h3 { font-size: 1.15rem; line-height: 1.3; }
.meta { color: var(--muted); font-size: .88rem; font-weight: 500; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip {
  background: var(--brand-50); color: var(--brand); font-weight: 700; font-size: .78rem;
  padding: 6px 12px; border-radius: 999px;
}
.chip.gold { background: #fff6dd; color: #9a6a00; }
.job-card p.desc { color: var(--muted); font-size: .95rem; flex: 1; }
.job-card .btn { align-self: flex-start; }
.empty {
  grid-column: 1 / -1; text-align: center; color: var(--muted); padding: 60px 20px;
  background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-3d);
}
.empty .icon3d { margin: 0 auto 14px; }

/* Job card actions + job page */
.jobs-list { align-items: start; }
.job-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.back-link { display: inline-block; color: rgba(255,255,255,.85); font-weight: 600; margin-bottom: 18px; }
.back-link:hover { color: #fff; }
.job-hero p { margin-bottom: 18px; }
.job-hero .chip { background: rgba(255,255,255,.16); color: #fff; }
.job-hero .chip.gold { background: rgba(255,201,60,.22); color: var(--gold); }
.job-detail h2 { font-size: 1.2rem; margin: 26px 0 10px; letter-spacing: -.01em; }
.job-detail h2:first-child { margin-top: 0; }
.job-detail p { color: var(--muted); }
.job-detail h3 { font-size: .98rem; margin: 18px 0 8px; color: var(--brand); }
.job-detail ul { padding-left: 20px; color: var(--muted); display: grid; gap: 8px; }
.job-detail li::marker { color: var(--brand); }
.detail-apply { margin-top: 30px; padding-top: 24px; border-top: 1px solid #eceefa; }
.apply-card p { color: rgba(255,255,255,.75); margin-bottom: 20px; font-size: .95rem; }
.side-link { display: block; text-align: center; margin-top: 16px; color: rgba(255,255,255,.75); font-weight: 600; font-size: .9rem; }
.side-link:hover { color: #fff; }

/* Hero: Amel */
.hero-visual { width: 100%; }
.me-stage { position: relative; width: min(440px, 100%); margin: 0 auto; padding-top: 70px; }
.me-glow {
  position: absolute; left: 8%; right: 8%; top: 70px; bottom: 30px; border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, rgba(255,255,255,.35), rgba(255,255,255,0) 65%);
  filter: blur(10px);
}
.me-arch {
  position: relative; z-index: 1; width: 78%; margin: 0 auto; aspect-ratio: 4 / 5;
  border-radius: 999px 999px 28px 28px; overflow: hidden;
  background: linear-gradient(170deg, #4a57ff 0%, #2533ff 45%, #0a17c9 100%);
  border: 6px solid rgba(255,255,255,.9);
  box-shadow: 0 0 0 10px rgba(255,201,60,.35), 0 40px 60px -20px rgba(0,0,60,.55), inset 0 -40px 60px rgba(0,0,80,.35);
}
.me-arch img { position: absolute; left: 50%; bottom: 0; width: 96%; transform: translateX(-50%); filter: drop-shadow(0 10px 18px rgba(0,0,60,.35)); }
.me-podium {
  position: relative; z-index: 2; width: 92%; height: 46px; margin: -26px auto 0; border-radius: 50%;
  background: radial-gradient(ellipse at 50% 35%, #ffffff 0%, #e3e7ff 55%, #9aa3ff 100%);
  box-shadow: 0 16px 0 #6a76ff, 0 34px 40px -10px rgba(0,0,60,.5);
}
.me-bubble {
  position: absolute; z-index: 4; top: 0; left: -6%; max-width: 78%;
  background: #fff; color: var(--ink); font-weight: 700; font-size: 1.02rem; line-height: 1.35;
  padding: 14px 18px; border-radius: 20px 20px 20px 6px; min-height: 52px;
  box-shadow: var(--shadow-3d);
  animation: float 6s ease-in-out infinite;
}
.me-bubble::after {
  content: ""; position: absolute; left: 34px; bottom: -12px; width: 22px; height: 22px; background: #fff;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.caret { display: inline-block; width: 2px; height: 1.1em; margin-left: 3px; vertical-align: -3px; background: var(--brand); animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.me-badge {
  position: absolute; z-index: 4; background: #fff; color: var(--ink); border-radius: 16px; padding: 10px 14px;
  font-weight: 700; font-size: .86rem; display: flex; align-items: center; gap: 10px;
  box-shadow: var(--shadow-3d); animation: float 7s ease-in-out infinite;
}
.me-badge small { display: block; font-weight: 500; color: var(--muted); font-size: .72rem; }
.me-badge .ico { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: #fff6dd; }
.me-b1 { right: -8%; top: 38%; animation-delay: -2s; }
.me-b2 { left: -10%; top: 62%; animation-delay: -4s; }
.me-b2 .ico { background: var(--brand-50); }
.me-name {
  position: relative; z-index: 3; text-align: center; margin-top: 30px; color: #fff; font-weight: 800; font-size: 1.05rem;
}
.me-name small { display: block; font-weight: 600; color: var(--gold); font-size: .82rem; }
@media (max-width: 920px) { .me-stage { width: min(380px, 92%); } .me-bubble { left: 0; } }
@media (max-width: 720px) {
  .me-badge { display: none; }
  .me-bubble { font-size: .92rem; max-width: 86%; left: 2%; }
  .me-stage { padding-top: 64px; }
}

/* Intro video */
.me-play { display: block; margin: 14px auto 0; position: relative; z-index: 3; }
.video-modal {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px;
  background: rgba(5, 11, 63, .82); backdrop-filter: blur(6px);
}
.video-modal[hidden] { display: none; }
.video-box { position: relative; width: min(420px, 100%); }
.video-box video { width: 100%; aspect-ratio: 4 / 5; border-radius: 22px; background: #050b3f; box-shadow: 0 30px 60px rgba(0,0,0,.5); display: block; }
.video-close {
  position: absolute; z-index: 2; top: -14px; right: -14px; width: 40px; height: 40px; border-radius: 50%; border: 0;
  background: #fff; color: var(--ink); font-size: 1.1rem; font-weight: 800; cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
}

/* Hero 3D image */
.hero-visual .hero-3d {
  width: min(520px, 100%); margin: 0 auto;
  filter: drop-shadow(0 40px 50px rgba(0,0,60,.4));
  animation: float 7s ease-in-out infinite;
}

/* Tally embed */
.tally-frame { display: block; width: 100%; border: 0; min-height: 300px; }

/* Share buttons */
.share { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.14); text-align: center; }
.share > span { display: block; font-weight: 700; font-size: .9rem; margin-bottom: 12px; }
.share-btns { display: flex; justify-content: center; gap: 12px; }
.share-btn {
  width: 46px; height: 46px; border-radius: 14px; border: 0; cursor: pointer;
  display: grid; place-items: center; color: #fff;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.35), inset 0 -4px 8px rgba(0,0,0,.25), 0 10px 18px -6px rgba(0,0,0,.5);
  transition: transform .2s;
}
.share-btn:hover { transform: translateY(-3px); }
.share-btn svg { width: 22px; height: 22px; }
.share-btn.li { background: linear-gradient(145deg, #2a8fd8, #0a66c2 60%, #064a8f); }
.share-btn.wa { background: linear-gradient(145deg, #4be37f, #25d366 60%, #128c4a); }
.share-btn.copy { background: linear-gradient(145deg, #3a47ff, var(--brand) 60%, var(--brand-800)); }
.copy-status { display: block; min-height: 1.2em; margin-top: 10px; color: var(--gold); font-weight: 600; }

/* ---------- Footer ---------- */
.footer { background: var(--navy); color: rgba(255,255,255,.7); padding: 44px 0; }
.footer .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer img { height: 56px; width: auto; }
.footer small { font-size: .85rem; }

/* ---------- Social + WhatsApp ---------- */
.socials { display: flex; gap: 12px; }
.social {
  width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: #fff;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.35), inset 0 -4px 8px rgba(0,0,0,.25), 0 10px 18px -6px rgba(0,0,0,.5);
  transition: transform .2s;
}
.social:hover { transform: translateY(-4px) rotate(-4deg); }
.social svg { width: 22px; height: 22px; }
.social.li { background: linear-gradient(145deg, #2a8fd8, #0a66c2 60%, #064a8f); }
.social.wa { background: linear-gradient(145deg, #4be37f, #25d366 60%, #128c4a); }

.wa-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 60;
  display: flex; align-items: center; gap: 10px;
  background: linear-gradient(145deg, #4be37f, #25d366 60%, #17a952); color: #fff;
  padding: 14px; border-radius: 999px; font-weight: 700;
  box-shadow: 0 6px 0 #128c4a, 0 18px 30px -8px rgba(18,140,74,.6);
  transition: transform .2s, box-shadow .2s;
  animation: wa-pulse 2.6s ease-in-out infinite;
}
.wa-float svg { width: 30px; height: 30px; flex: none; }
.wa-float span { max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width .35s ease, margin .35s; }
.wa-float:hover span { max-width: 140px; margin-right: 6px; }
.wa-float:hover { transform: translateY(-3px); }
.wa-float:active { transform: translateY(4px); box-shadow: 0 1px 0 #128c4a, 0 8px 14px -6px rgba(18,140,74,.6); }
@keyframes wa-pulse {
  0%,100% { box-shadow: 0 6px 0 #128c4a, 0 18px 30px -8px rgba(18,140,74,.6), 0 0 0 0 rgba(37,211,102,.45); }
  50% { box-shadow: 0 6px 0 #128c4a, 0 18px 30px -8px rgba(18,140,74,.6), 0 0 0 14px rgba(37,211,102,0); }
}
@media (max-width: 720px) { .wa-float { right: 16px; bottom: 16px; padding: 12px; } .footer .container { justify-content: center; text-align: center; } }

/* ---------- Reveal on scroll ---------- */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 920px) {
  .hero { padding: 56px 0 150px; }
  .hero .container { grid-template-columns: 1fr; text-align: center; }
  .hero p.lead { margin-left: auto; margin-right: auto; }
  .hero-actions { justify-content: center; }
  .hero-visual { max-width: 380px; margin: 0 auto; }
  .form-layout { grid-template-columns: 1fr; }
  .side-card { position: static; }
  .steps { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .nav a:not(.btn) { display: none; }
  .choices, .jobs-list, .grid, .filters { grid-template-columns: 1fr; }
  .choice-card, .panel { padding: 26px; }
  .cta-band { padding: 36px 26px; }
  .logo img { height: 26px; }
  .badge-float { display: none; }
  .hero .s1, .cube { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

/* ---------- Remote teams card ---------- */
.remote-card{position:relative;margin-top:28px;display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;padding:38px 42px;border-radius:var(--radius);
 background:radial-gradient(600px 300px at 90% 0%,rgba(255,201,60,.22),transparent 60%),linear-gradient(135deg,var(--brand) 0%,#0a1490 60%,var(--navy) 100%);color:#fff;box-shadow:0 30px 60px -24px rgba(1,18,255,.55);transform-style:preserve-3d;text-decoration:none}
.remote-card .tag-top{display:inline-block;background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:999px;margin-bottom:12px;letter-spacing:.02em}
.remote-card h2{font-size:1.9rem;letter-spacing:-.02em;margin-bottom:8px}
.remote-card p{color:rgba(255,255,255,.82);margin-bottom:16px}
.rc-gift{display:inline-block;background:#fff;color:var(--navy);font-weight:600;font-size:.92rem;padding:8px 14px;border-radius:12px;margin-bottom:20px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.rc-gift b{color:var(--brand)}
.remote-card .btn{display:inline-flex}
.rc-roles{display:flex;flex-wrap:wrap;gap:10px}
.rc-roles span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(4px);padding:10px 14px;border-radius:14px;font-weight:600;font-size:.93rem}
@media (max-width:860px){.remote-card{grid-template-columns:1fr;padding:28px 24px}}

.page-hero{background:linear-gradient(135deg,var(--brand),#0a1490 60%,var(--navy));color:#fff;padding:70px 0 120px;text-align:center}
.page-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);letter-spacing:-.03em;margin:14px 0 10px}
.page-hero .hl{color:var(--gold)}
.page-hero .lead{max-width:640px;margin:0 auto;color:rgba(255,255,255,.85)}
.partners-wrap{margin-top:-70px;padding-bottom:90px;position:relative;z-index:3}
.partners{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.partner{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:0 30px 60px -28px rgba(5,11,63,.35);display:flex;flex-direction:column;gap:20px;border-top:6px solid var(--gold)}
.p-head{display:flex;gap:16px;align-items:flex-start}
.p-logo{width:62px;height:62px;flex:none;border-radius:18px;background:linear-gradient(145deg,var(--brand),var(--navy));color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem}
.p-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-50);padding:3px 10px;border-radius:999px}
.partner h2{font-size:1.45rem;margin:6px 0 2px;color:var(--ink)}
.partner p{color:var(--muted)}
.p-roles{display:flex;flex-wrap:wrap;gap:8px;flex:1;align-content:flex-start}
.p-roles span{background:var(--bg);border:1px solid var(--brand-100);color:var(--ink);font-weight:600;font-size:.9rem;padding:8px 12px;border-radius:12px}
.p-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.p-perk{font-weight:600;font-size:.9rem;color:var(--ink)}
@media (max-width:860px){.partners{grid-template-columns:1fr}}
.p-foot{flex-direction:column;align-items:stretch}.p-foot .btn{justify-content:center;text-align:center}.p-perk{background:var(--brand-50);padding:10px 14px;border-radius:12px}

.rc-char{position:absolute;right:26px;top:-70px;width:150px;filter:drop-shadow(0 20px 22px rgba(0,0,0,.35));animation:float 6s ease-in-out infinite}
.remote-card{margin-top:60px}
.rc-roles{padding-top:40px}
@media (max-width:860px){.rc-char{width:110px;top:-50px;right:14px}.rc-roles{padding-top:0}}
.btn-ghost-w{background:#050505!important;color:#fff!important;box-shadow:0 6px 0 #000,0 14px 24px -8px rgba(0,0,0,.45)!important}
.btn-ghost-w:hover{background:#1a1a1a!important}

/* full-body 3D people on the choice cards */
.choice-card > .character.person { width: auto; height: 265px; top: -58px; right: 26px; }
.choice-card > .character.person img { width: auto; height: 100%; }
@media (max-width: 720px) { .choice-card > .character.person { height: 200px; top: -60px; right: 12px; } }
.p-logo.img{object-fit:contain;background:#fff;border:1px solid var(--brand-100);padding:6px}
.partners:has(.partner:only-child){grid-template-columns:minmax(0,640px);justify-content:center}
.remote-card .tag-top{background:#050505;color:#fff}
.nav .btn.btn-gold{background:var(--gold)!important;color:var(--navy)!important}
@media (max-width: 560px) {
  .topbar .container { flex-wrap: wrap; row-gap: 10px; }
  .nav { width: 100%; justify-content: space-between; gap: 6px; }
  .nav .btn { margin-left: 0; padding: 8px 10px; font-size: .8rem; flex: 1; text-align: center; justify-content: center; }
}
@media (max-width: 720px) { .choice-card > .character.person { height: 175px; top: -14px; right: 14px; } }

.match-note{background:var(--brand-50);color:var(--ink);border-left:4px solid var(--gold);border-radius:12px;padding:10px 14px;font-weight:600;font-size:.9rem;margin:4px 0 14px}
.match-note.big{font-size:1rem;margin-top:22px}
.chip .flag{width:20px;height:15px;object-fit:cover;border-radius:3px;vertical-align:-2px;margin-right:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.chip .flag + .flag{margin-left:2px}

/* partners share bar */
.partners-share-wrap{padding-bottom:90px;margin-top:-50px}
.partners-share{margin:0 auto;max-width:640px;background:linear-gradient(135deg,var(--brand-800,#0a14a8),var(--brand,#0112ff));color:#fff;border-radius:var(--radius);padding:24px 24px 14px;border-top:none}
@media (min-width:1100px){.partners:has(.partner:nth-child(3)):not(:has(.partner:nth-child(4))){grid-template-columns:repeat(3,1fr)}}
@media (min-width:861px){.partners:has(.partner:nth-child(4)) .partner:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 13px)}}

/* big perk highlight – green coupon */
.p-deal{position:relative;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0fbf6a,#08a35a 55%,#067a44);color:#fff;border-radius:18px;padding:18px 20px;overflow:hidden;box-shadow:0 14px 28px -12px rgba(6,122,68,.65)}
.p-deal:before{content:"";position:absolute;inset:6px;border:2px dashed rgba(255,255,255,.45);border-radius:13px;pointer-events:none}
.p-deal .d-ic{flex:0 0 52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.p-deal .d-ic svg{width:28px;height:28px;stroke:#08a35a;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.p-deal .d-tx{position:relative;z-index:1}
.p-deal .d-lb{display:inline-block;background:#ffc93c;color:#050505;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.p-deal b{display:block;font-size:1.75rem;font-weight:900;line-height:1.05;letter-spacing:-.5px;margin-top:6px}
.p-deal span.d-sub{display:block;font-size:.88rem;font-weight:600;margin-top:4px;line-height:1.35;color:rgba(255,255,255,.95)}
.p-deal:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:dealShine 3.2s ease-in-out infinite}
@keyframes dealShine{0%,55%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.p-deal:after{animation:none;display:none}}

.p-logo.img{padding:0;background:none;border:1px solid var(--brand-100);box-shadow:0 6px 14px -6px rgba(5,11,63,.3)}

/* nav: Home + Career Boost */
.nav a.nav-home{background:#0a14a8;color:#fff;border-radius:12px;padding:10px 18px;font-weight:700;font-size:.9rem;line-height:1;display:inline-flex;align-items:center;box-shadow:0 6px 0 #050b6b,0 14px 24px -8px rgba(5,11,63,.5)}
.nav a.nav-home:hover,.nav a.nav-home.active{background:#0d19c4;color:#fff}
.nav a.btn.btn-boost,.nav a.btn.btn-boost:hover{background:linear-gradient(145deg,#ff8a5c,#ff5a36 60%,#e0401c);color:#fff;box-shadow:0 6px 0 #b32e10,0 14px 24px -8px rgba(224,64,28,.6)}
.btn-boost-solid{--b:#ff5a36;--t:#fff;--edge:#b32e10}
@media (max-width:560px){.nav{flex-wrap:wrap;row-gap:12px}.nav .btn{flex:1 1 calc(50% - 6px)}}
/* career boost page */
.page-hero.boost{background:radial-gradient(520px 380px at 85% 20%,rgba(255,138,92,.45),transparent 70%),linear-gradient(135deg,#0a14a8,#0112ff 60%,#0a1fff)}
.page-hero.boost .hl{color:#ff8a5c}
.partners.boost .partner{border-top-color:#ff5a36}
.p-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.p-steps div{border-radius:12px;padding:10px 12px;color:#fff;font-size:.8rem;font-weight:700;line-height:1.3}
.p-steps div b{display:block;font-size:.68rem;letter-spacing:.1em;opacity:.85;margin-bottom:3px}
.p-steps div:nth-child(1){background:#1a6ad6}.p-steps div:nth-child(2){background:#e8733a}.p-steps div:nth-child(3){background:#2fa35a}
@media (max-width:560px){.p-steps{grid-template-columns:1fr}}
.p-logo.txt{background:#fff;color:#3b5ea8;border:1px solid var(--brand-100);font-family:Georgia,serif;font-style:italic}
@media (max-width:720px){.nav a.nav-home{display:none}}
@media (max-width:560px){.topbar .container{height:auto;padding-top:10px;padding-bottom:12px}}

/* colorful AI tags */
.p-roles span.ai{color:#fff;border:0;display:inline-flex;align-items:center;gap:6px;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.p-roles span.ai i{font-style:normal;font-size:.62rem;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.28);padding:2px 6px;border-radius:6px}
.p-roles span.ai.c0{background:linear-gradient(135deg,#7b2ff7,#a35cff)}.p-roles span.ai.c1{background:linear-gradient(135deg,#ff5a36,#ff8a5c)}
.p-roles span.ai.c2{background:linear-gradient(135deg,#0a9488,#12c2b4)}.p-roles span.ai.c3{background:linear-gradient(135deg,#d6336c,#f06595)}
.p-roles span.ai.c4{background:linear-gradient(135deg,#1a6ad6,#4c8dff)}.p-roles span.ai.c5{background:linear-gradient(135deg,#c98a00,#f2b705)}
@media (min-width:861px){.partners.boost{grid-template-columns:repeat(2,1fr)!important}.partners.boost .partner:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 13px)}}

/* info pages + footer links */
.info-wrap{margin-top:-60px;padding-bottom:40px;position:relative;z-index:3}
.info-card{background:#fff;border-radius:var(--radius);padding:40px;box-shadow:0 30px 60px -28px rgba(5,11,63,.35);max-width:860px;margin:0 auto;color:var(--ink);line-height:1.7}
.info-card h2{font-size:1.35rem;margin:28px 0 10px;color:var(--ink)}.info-card h2:first-child{margin-top:0}
.info-card p{color:var(--muted);margin-bottom:12px}.info-card a{color:var(--brand);font-weight:600}
.info-card .muted{font-size:.9rem}
.info-list{padding-left:20px;color:var(--muted);margin-bottom:12px}.info-list li{margin-bottom:8px}.info-list b{color:var(--ink)}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:8px 0 6px}
.info-tile{display:block;background:var(--brand-50);border-radius:16px;padding:18px;border-left:5px solid var(--brand);text-decoration:none}
.info-tile b{display:block;color:var(--ink);font-size:1.05rem}.info-tile span{display:block;color:var(--muted);font-weight:500;font-size:.92rem;margin-top:4px;line-height:1.5}
.info-tile.boost{border-left-color:#ff5a36}
@media (max-width:640px){.info-grid{grid-template-columns:1fr}.info-card{padding:26px}}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}.foot-links a{color:rgba(255,255,255,.85);font-size:.88rem;font-weight:600}.foot-links a:hover{color:#fff}
.foot-disc{flex-basis:100%;text-align:center;font-size:.78rem;color:rgba(255,255,255,.55);margin-top:6px}
.info-wrap + .partners-share-wrap{margin-top:10px}

/* homepage hub */
.hero h1{font-size:clamp(2.3rem,4.4vw,3.4rem)}.hero-actions .btn{padding:13px 20px}
.btn-boost-hero{--b:#ff5a36;--t:#fff;--edge:#b32e10;background:linear-gradient(145deg,#ff8a5c,#ff5a36 60%,#e0401c)}

.hub4-wrap{margin-top:-40px;position:relative;z-index:3;padding-bottom:40px}
.hub4{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.h4{position:relative;display:block;border-radius:28px;padding:34px 34px 30px;text-decoration:none;overflow:visible;box-shadow:0 30px 60px -30px rgba(5,11,63,.55);min-height:340px;transition:transform .2s}
.h4:hover{transform:translateY(-6px)}
.h4-char{position:absolute;right:18px;top:-50px;height:200px;pointer-events:none}.h4-char img{height:100%;filter:drop-shadow(0 16px 18px rgba(0,0,40,.35))}
.h4-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.h4 h2{font-size:2rem;margin:14px 0 8px;letter-spacing:-.5px}
.h4 p{max-width:62%;line-height:1.55;font-size:.98rem}
.h4 ul{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:8px}
.h4 li{font-weight:700;font-size:.92rem;display:flex;gap:10px;align-items:center}
.h4 li:before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.h4-btn{display:inline-flex;font-weight:800;padding:13px 22px;border-radius:14px}
.h4-jobs{background:linear-gradient(145deg,#ffd75e,#ffc93c 60%,#f5b41a);color:#050b3f}
.h4-jobs .h4-tag{background:#050b3f;color:#ffc93c}.h4-jobs li:before{background:#050b3f}.h4-jobs .h4-btn{background:#050b3f;color:#fff;box-shadow:0 6px 0 #000}
.h4-hire{background:#fff;color:#050b3f;border:3px solid #0112ff}
.h4-hire .h4-tag{background:#eef0ff;color:#0112ff}.h4-hire li:before{background:#0112ff}.h4-hire .h4-btn{background:#0112ff;color:#fff;box-shadow:0 6px 0 #0a14a8}.h4-hire p{color:#4a5280}
.h4-comp{background:linear-gradient(145deg,#1a1a1a,#050505);color:#fff}
.h4-comp .h4-tag{background:#ffc93c;color:#050505}.h4-comp li:before{background:#0fbf6a}.h4-comp .h4-btn{background:#fff;color:#050505;box-shadow:0 6px 0 #9aa0b8}.h4-comp p{color:rgba(255,255,255,.8)}
.h4-boost{background:linear-gradient(145deg,#ff8a5c,#ff5a36 60%,#e0401c);color:#fff}
.h4-boost .h4-tag{background:#fff;color:#b8320f}.h4-boost li:before{background:#fff}.h4-boost .h4-btn{background:#fff;color:#b8320f;box-shadow:0 6px 0 #b32e10}.h4-boost p{color:rgba(255,255,255,.92)}
@media (max-width:860px){.hub4{grid-template-columns:1fr;row-gap:56px}.h4 p{max-width:none}.h4-char{height:150px;top:-40px}.h4 h2{margin-top:10px}}

/* Events nav button with live halo */
.nav a.btn.btn-events,.nav a.btn.btn-events:hover{position:relative;background:linear-gradient(145deg,#a35cff,#7b2ff7 60%,#5a17c9);color:#fff;box-shadow:0 6px 0 #45109c,0 14px 24px -8px rgba(90,23,201,.6);gap:7px}
.nav a.btn.btn-events::before{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(201,164,255,.9);animation:evhalo 1.8s ease-out infinite;pointer-events:none}
.nav a.btn.btn-events::after{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(201,164,255,.7);animation:evhalo 1.8s ease-out .9s infinite;pointer-events:none}
@keyframes evhalo{0%{transform:scale(1);opacity:.95}100%{transform:scale(1.35,1.7);opacity:0}}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff4d6d;box-shadow:0 0 0 0 rgba(255,77,109,.7);animation:livedot 1.4s infinite;display:inline-block}
@keyframes livedot{70%{box-shadow:0 0 0 8px rgba(255,77,109,0)}100%{box-shadow:0 0 0 0 rgba(255,77,109,0)}}
@media (prefers-reduced-motion:reduce){.nav a.btn.btn-events::before,.nav a.btn.btn-events::after,.live-dot{animation:none}}
/* events page */
.page-hero.events{background:radial-gradient(520px 380px at 85% 20%,rgba(163,92,255,.55),transparent 70%),linear-gradient(135deg,#0a14a8,#0112ff 60%,#3a1fd6)}
.page-hero.events .hl{color:#fff;background:linear-gradient(135deg,#a35cff,#7b2ff7);padding:0 .25em .06em;border-radius:14px;box-shadow:0 8px 0 #45109c;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ev-wrap{margin-top:-60px;position:relative;z-index:3;padding-bottom:40px}
.ev-bar{background:#fff;border-radius:20px;padding:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;box-shadow:0 20px 40px -24px rgba(5,11,63,.4);margin-bottom:22px}
.ev-bar select{font:inherit;font-weight:700;padding:12px 14px;border-radius:12px;border:2px solid #e3e6ff;color:#050b3f;background:#fff;min-width:240px}
.ev-bar .count{margin-left:auto;font-weight:800;color:#7b2ff7}
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ev{background:#fff;border-radius:22px;padding:22px;box-shadow:0 24px 50px -28px rgba(5,11,63,.45);border-top:6px solid #7b2ff7;display:flex;flex-direction:column;gap:10px}
.ev .d{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7b2ff7,#a35cff);color:#fff;font-weight:800;font-size:.85rem;padding:7px 12px;border-radius:10px;align-self:flex-start}
.ev h3{font-size:1.15rem;color:#050b3f;line-height:1.25}
.ev .loc{font-weight:700;color:#4a5280;font-size:.9rem}
.ev p{color:#5a6290;font-size:.9rem;line-height:1.5}
.ev .tags{display:flex;gap:6px;flex-wrap:wrap}
.ev .tags span{font-size:.72rem;font-weight:800;letter-spacing:.05em;padding:5px 9px;border-radius:999px;background:#f1eaff;color:#5a17c9}
.ev .tags span.s{background:#fff4d6;color:#8a6200}.ev .tags span.h{background:#eef0ff;color:#0112ff}
.ev .perk{background:linear-gradient(135deg,#0fbf6a,#067a44);color:#fff;font-weight:800;font-size:.82rem;padding:8px 12px;border-radius:10px}
.ev .share-row{display:flex;align-items:center;gap:8px}
.ev .share-row small{font-weight:800;color:#5a6290;font-size:.75rem;margin-right:2px}
.ev .sb{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;cursor:pointer;border:0}
.ev .sb svg{width:17px;height:17px}.ev .sb.li{background:#0a66c2}.ev .sb.wa{background:#25d366}.ev .sb.cp{background:#0112ff}
.ev a.go{margin-top:auto;text-align:center;font-weight:800;color:#fff;background:#7b2ff7;padding:12px;border-radius:12px;box-shadow:0 5px 0 #45109c;text-decoration:none}
.ev-grid.single{display:block;max-width:640px;margin:0 auto}.ev-grid.single .ev{padding:30px}.ev-grid.single .ev h3{font-size:1.6rem}
.backall{display:inline-block;margin-top:18px;font-weight:800;color:#7b2ff7}
@media (max-width:980px){.ev-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ev-grid{grid-template-columns:1fr}.ev-bar select{min-width:0;flex:1}}
.h4-char img{width:auto}.me-arch img{height:auto}.logo img,img.logo,.footer img{width:auto}
/* ===== Category tags: 3D pastel, one color per category ===== */
.p-roles .tg,.tag-legend .tg{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;padding:7px 12px 8px;border-radius:12px;border:1px solid transparent;color:var(--fg);background:linear-gradient(180deg,var(--t1),var(--t2));border-color:var(--sh);box-shadow:0 3px 0 var(--sh),0 8px 14px -10px var(--sh),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .15s,box-shadow .15s}
.p-roles .tg:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--sh),0 10px 16px -10px var(--sh),inset 0 1px 0 rgba(255,255,255,.85)}
.tg-hire{--t1:#fff1e8;--t2:#ffdcc6;--fg:#a93f12;--sh:#f2b896}
.tg-hr{--t1:#eef5ff;--t2:#d3e5ff;--fg:#0b5596;--sh:#a3c6ee}
.tg-talent{--t1:#fff0f6;--t2:#ffd6e7;--fg:#a01d4d;--sh:#eeaac6}
.tg-tools{--t1:#ecfbf2;--t2:#cff2de;--fg:#166c45;--sh:#99d9b5}
.tg-perk{--t1:#fff8e1;--t2:#ffeaa8;--fg:#7f5300;--sh:#e8c86e}
.p-roles .tg-ai,.tag-legend .tg-ai{--sh:#5b1fc4;color:#fff;background:linear-gradient(180deg,#9a55ff,#7b2ff7);border-color:#6a24de;box-shadow:0 3px 0 #5b1fc4,0 8px 14px -8px rgba(91,31,196,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.tg i{font-style:normal;font-size:.6rem;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.28);padding:2px 6px;border-radius:6px}
.tag-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 26px}
.tag-legend .tg{font-size:.8rem;padding:5px 11px 6px}
@media (max-width:560px){.h4{padding-top:128px}.h4-char{height:140px;top:-34px;right:50%;transform:translateX(50%)}}

/* ===== Top Talent (green) ===== */
.nav a.btn.btn-talent,.nav a.btn.btn-talent:hover{background:linear-gradient(180deg,#5cf2b0,#22c98a);color:#03162e;box-shadow:0 6px 0 #168f62,0 14px 24px -10px rgba(22,143,98,.6)}
.tt-sec{padding:10px 0 50px}
.tt-card{position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;border-radius:30px;padding:40px 44px;color:#fff;overflow:hidden;background:radial-gradient(500px 300px at 90% 10%,rgba(92,242,176,.25),transparent 70%),radial-gradient(400px 260px at 0% 100%,rgba(255,201,60,.18),transparent 70%),linear-gradient(130deg,#03162e,#063b3a 55%,#0a5a4a);box-shadow:0 30px 60px -30px rgba(3,22,46,.7)}
.tt-pill{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#03162e;background:#5cf2b0;padding:6px 13px;border-radius:999px;margin-bottom:14px}
.tt-card h2{font-size:2.1rem;line-height:1.1;margin:0 0 12px;color:#fff}.tt-card h2 span{color:#5cf2b0}
.tt-card p{color:rgba(255,255,255,.85);margin:0 0 16px;font-size:1.02rem}
.tt-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.tt-list li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:1rem}
.tt-list li i{flex:none;width:26px;height:26px;border-radius:8px;background:#5cf2b0;color:#03162e;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:.8rem;box-shadow:0 3px 0 #23b37a}
.tt-btn{display:inline-flex;background:#ffc93c;color:#050b3f;font-weight:800;padding:15px 28px;border-radius:14px;box-shadow:0 6px 0 #c99700;text-decoration:none;transition:transform .15s}
.tt-btn:hover{transform:translateY(-2px)}
.tt-stat{justify-self:end;text-align:center;background:rgba(255,255,255,.08);border:1.5px solid rgba(92,242,176,.45);border-radius:26px;padding:30px 34px;min-width:260px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 20px 40px -20px rgba(0,0,0,.5)}
.tt-stat b{display:block;font-size:3.6rem;line-height:1;color:#5cf2b0;letter-spacing:-2px}
.tt-stat span{display:block;margin-top:8px;font-weight:800;font-size:1.05rem}
.tt-stat em{display:block;margin-top:12px;font-style:normal;font-size:.82rem;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.04em}
.page-hero.talent{background:radial-gradient(600px 360px at 85% 20%,rgba(92,242,176,.3),transparent 70%),linear-gradient(130deg,#03162e,#063b3a 60%,#0a5a4a)}
.page-hero.talent .hl{color:#5cf2b0}
.tt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:820px;margin:-50px auto 30px;position:relative}
.tt-g{background:#fff;border-radius:22px;padding:24px;box-shadow:0 20px 40px -24px rgba(5,11,63,.35);border-top:5px solid #5cf2b0}
.tt-g b{display:block;font-size:1.1rem;color:#03162e;margin:8px 0 6px}.tt-g p{margin:0;color:#4a5280;font-size:.95rem}
.tt-g i{font-style:normal;font-size:1.6rem}
.tt-steps{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:10px 0 26px}
.tt-steps div{background:#eafff5;color:#03162e;font-weight:800;padding:12px 18px;border-radius:14px;box-shadow:0 4px 0 #a6ebcb}
.tt-center{text-align:center;padding-bottom:40px}
@media(max-width:860px){.tt-card{grid-template-columns:1fr;padding:28px}.tt-stat{justify-self:stretch}.tt-grid{grid-template-columns:1fr;margin-top:-30px}.tt-card h2{font-size:1.7rem}}
.tt-center{padding-bottom:80px}

.partner.is-pop{position:relative;outline:3px solid #ffc93c;outline-offset:-3px}
.pop-rib{position:absolute;top:-14px;right:22px;z-index:3;background:linear-gradient(180deg,#ffd75e,#ffc93c);color:#050b3f;font-weight:800;font-size:.82rem;letter-spacing:.04em;padding:7px 14px;border-radius:999px;box-shadow:0 4px 0 #c99700,0 10px 18px -8px rgba(0,0,0,.4)}
/* ===== Nav dropdown: For Job Seekers ===== */
.nav .dd{position:relative;display:inline-flex}
.nav .dd-t{border:0;font-family:inherit;cursor:pointer;background:#fff;color:var(--brand);box-shadow:0 6px 0 #c7ccf5,0 14px 24px -10px rgba(5,11,63,.4)}
.nav .dd-m{display:none;position:absolute;top:calc(100% + 14px);right:0;background:#fff;border-radius:18px;padding:10px;min-width:330px;box-shadow:0 24px 48px -12px rgba(5,11,63,.5);z-index:60}
.nav .dd-m::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav .dd.open .dd-m{display:block}
@media (hover:hover){.nav .dd:hover .dd-m{display:block}}
.nav .dd-m a{display:flex!important;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:12px;color:#050b3f!important;background:none!important;box-shadow:none;font-weight:700}
.nav .dd-m a:hover,.nav .dd-m a.cur{background:#f1f3ff!important}
.nav .dd-m i{font-style:normal;flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px}
.nav .dd-m b{display:block;font-size:.98rem;color:#050b3f}
.nav .dd-m small{display:block;font-weight:500;color:#5b6290;font-size:.82rem;margin-top:3px;line-height:1.35;white-space:normal}
.nav .dd-m .i1{background:#fff1e8}.nav .dd-m .i2{background:#eafff5}.nav .dd-m .i3{background:#e9f8f6}
@media (max-width:560px){.topbar .container{position:relative}.nav .dd{position:static;flex:1 1 calc(50% - 6px)}.nav .dd-t{flex:1;justify-content:center}.nav .dd-m{left:16px;right:16px;top:calc(100% + 4px);margin-top:0;min-width:0}.nav .dd-m::before{display:none}}
/* ===== Job Sites page (calm) ===== */
.js-hero{background:linear-gradient(180deg,#eef6f5 0%,#f6f8fb 100%);padding:70px 0 90px;text-align:center;border-bottom:1px solid #e3ecea}
.js-eye{display:inline-block;background:#fff;border:1px solid #d5e7e4;color:#0b5d55;font-weight:700;font-size:.85rem;padding:6px 14px;border-radius:999px}
.js-hero h1{color:#0f2a3a;font-size:2.6rem;letter-spacing:-1px;margin:16px auto 10px;max-width:760px;line-height:1.1}
.js-hero p{color:#4d6470;max-width:620px;margin:0 auto;font-size:1.05rem}
.js-wrap{margin-top:-30px;padding-bottom:30px}
.js-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:center;background:#fff;border:1px solid #e3ecea;border-radius:18px;padding:16px;box-shadow:0 10px 30px -18px rgba(15,42,58,.25);margin-bottom:22px}
.js-sel{display:flex;flex-direction:column;gap:6px;min-width:240px}.js-sel span{font-size:.8rem;font-weight:800;color:#3b5361}
.js-sel select{font-family:inherit;font-size:.95rem;font-weight:600;color:#0f2a3a;padding:11px 14px;border:1px solid #d5e1e5;border-radius:12px;background:#fff}
.js-remote{font-family:inherit;cursor:pointer;border:1.5px solid #0f2a3a;background:#fff;color:#0f2a3a;padding:11px 18px;border-radius:12px;font-weight:800;font-size:.92rem}
.js-remote.on{background:#0f2a3a;color:#fff}
.js-count{color:#5b7380;font-weight:700;margin:0 0 14px}
.js-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.js-card{background:#fff;border:1px solid #e6edef;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px -18px rgba(15,42,58,.3);transition:transform .15s,box-shadow .15s}
.js-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(15,42,58,.4)}
.js-h{display:flex;gap:14px;align-items:center}
.js-logo{width:52px;height:52px;border-radius:14px;background:#eef6f5;color:#0b5d55;display:grid;place-items:center;font-weight:800;font-size:1.3rem;flex:none}
.js-card h3{margin:0;font-size:1.15rem;color:#0f2a3a}
.js-reg{font-size:.85rem;color:#5b7380;font-weight:600}
.js-card p{margin:0;color:#4d6470;font-size:.95rem;flex:1}
.js-tags{display:flex;flex-wrap:wrap;gap:6px}.js-tags span{background:#f3f6f8;color:#3b5361;font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:8px}
.js-tags span.rm{background:#e9f8f6;color:#0b5d55}
.js-btn{align-self:flex-start;border:1.5px solid #0f2a3a;color:#0f2a3a;font-weight:800;padding:9px 16px;border-radius:12px;font-size:.9rem;text-decoration:none}
.js-btn:hover{background:#0f2a3a;color:#fff}
.js-empty{grid-column:1/-1;text-align:center;color:#5b7380;padding:40px}
.js-note{text-align:center;color:#5b7380;margin:26px 0 0}.js-note a{color:#0b5d55;font-weight:800}
@media(max-width:900px){.js-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.js-grid{grid-template-columns:1fr}.js-hero h1{font-size:1.9rem}.js-sel{min-width:100%}.js-remote{width:100%}}
/* ===== Header & hero refresh (27 Oct) ===== */
.logo img{height:52px;width:auto}
@media(max-width:560px){.logo img{height:40px}}
.nav a.btn.btn-events,.nav a.btn.btn-events:hover{background:linear-gradient(145deg,#2ec4b6,#14a597 60%,#0e8478);color:#fff;box-shadow:0 6px 0 #0a6158,0 14px 24px -10px rgba(14,132,120,.55)}
.nav a.btn.btn-events::before,.nav a.btn.btn-events::after{display:none}
.nav a.btn.btn-events .live-dot{background:#fff;box-shadow:none;animation:none}
.nav a.btn.nav-hire,.nav a.btn.nav-hire:hover{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);box-shadow:none;padding:8px 14px;font-size:.85rem}
.nav a.btn.nav-hire:hover,.nav a.btn.nav-hire.active{background:rgba(255,255,255,.14)}
@media(max-width:560px){.nav a.btn.nav-hire{flex:0 0 auto;margin:0 auto;padding:7px 18px}}
.hero .eyebrow{font-weight:800;font-size:1.18rem;padding:11px 22px;gap:11px}
.hero .eyebrow .dot{width:12px;height:12px}
.hero .lead b{color:#fff;font-weight:800}
.me-name{font-size:1.4rem}
.me-name small{font-size:1.02rem;font-weight:800;margin-top:4px}
.hero-float{gap:10px;flex-wrap:wrap}
.hero-float .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:13px 17px;font-size:.96rem;transition:transform .18s ease,box-shadow .18s ease}

.hero-float .btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #c99700,0 18px 28px -10px rgba(255,201,60,.6)}
.hero-float .btn:active{transform:translateY(3px);box-shadow:0 2px 0 #c99700}
.hero-float .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:hshine 4.5s ease-in-out infinite}
.hero-float .btn:nth-child(2)::after{animation-delay:.35s}.hero-float .btn:nth-child(3)::after{animation-delay:.7s}.hero-float .btn:nth-child(4)::after{animation-delay:1.05s}
.hero-float .hi{width:19px;height:19px;flex:none;transition:transform .25s ease}
.hero-float .btn:hover .hi{transform:scale(1.2) rotate(-8deg)}
@keyframes hpop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes hfloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes hshine{0%,60%{left:-60%}80%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.hero-float .btn,.hero-float .btn::after{animation:none}}

/* ===== Job Sites list view ===== */
#js-grid{display:block}
.jl-group{margin-bottom:28px}
.jl-group h2{font-size:1.05rem;color:#0f2a3a;margin:0 0 10px;display:flex;align-items:center;gap:10px;letter-spacing:-.2px}
.jl-group h2 span{background:#e9f3f1;color:#0b5d55;font-size:.78rem;font-weight:800;padding:3px 9px;border-radius:999px}
.jl{background:#fff;border:1px solid #e3ecee;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(15,42,58,.35)}
.jl-row{display:grid;grid-template-columns:44px minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1fr) 210px;align-items:center;gap:18px;padding:14px 20px;border-top:1px solid #eef3f4;text-decoration:none;color:inherit;transition:background .15s}
.jl-row:first-child{border-top:0}
.jl-row:hover{background:#f6faf9}
.jl-logo{width:44px;height:44px;border-radius:12px;background:#eef6f5;color:#0b5d55;display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.jl-main b{display:block;color:#0f2a3a;font-size:1rem}
.jl-main small{display:block;color:#5b7380;font-size:.86rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jl-flags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fl{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(15,42,58,.12);object-fit:cover}
.fl.w{width:auto;height:auto;box-shadow:none;font-size:1.05rem}
.fl.t{width:auto;height:auto;box-shadow:none;font-size:.78rem;font-weight:700;color:#5b7380}
.more{font-size:.78rem;font-weight:800;color:#5b7380}
.jl-tags{display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden}
.jl-tags em{font-style:normal;background:#f3f6f8;color:#3b5361;font-size:.74rem;font-weight:700;padding:4px 9px;border-radius:7px;white-space:nowrap}
.jl-tags em.rm{background:#e3f6f1;color:#0b5d55}
.jl-go{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#0f2a3a;font-weight:700;font-size:.85rem}
.jl-host{color:#5b7380;font-weight:600}
.jl-go i{font-style:normal;width:34px;height:34px;border-radius:10px;border:1.5px solid #0f2a3a;display:grid;place-items:center;font-weight:800;transition:.15s}
.jl-row:hover .jl-go i{background:#0f2a3a;color:#fff}
@media(max-width:900px){.jl-row{grid-template-columns:44px minmax(0,1fr) auto;gap:12px}.jl-flags{grid-column:2}.jl-tags{display:none}.jl-host{display:none}.jl-go{grid-row:1;grid-column:3}.jl-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem}.jl-row{padding:12px 14px}.jl-logo{width:38px;height:38px}.jl-go i{width:30px;height:30px}}

.jl-row{grid-template-columns:44px minmax(0,1.9fr) minmax(0,1fr) 210px!important}
.jl-main b{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
.jl-main b em{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:999px}
.jl-main b em.rm{background:#e3f6f1;color:#0b7a6e}.jl-main b em.ngo{background:#fff2d9;color:#9a6200}.jl-main b em.st{background:#ece9ff;color:#5a3fd1}
.ar{font-size:.8rem;font-weight:700;color:#0b5d55;background:#eef6f5;padding:4px 10px;border-radius:8px}
.jl-row{position:relative;transition:background .2s,transform .2s}
.jl-row::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#14a597;transform:scaleY(0);transition:transform .2s}
.jl-row:hover{background:linear-gradient(90deg,#eefaf7,#fff 60%)}
.jl-row:hover::before{transform:scaleY(1)}
.jl-row:hover .jl-logo{background:#14a597;color:#fff;transform:rotate(-6deg) scale(1.05)}
.jl-logo{transition:.25s}
.jl-row:hover .jl-go i{background:#14a597;border-color:#14a597;color:#fff;transform:translate(2px,-2px)}
.jl-go i{transition:.2s}
.jl-row:hover b{color:#0b7a6e}
.jl{animation:jlin .5s ease both}
@keyframes jlin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.jl-group h2 span{background:#14a597!important;color:#fff!important}
.js-remote.on{background:#14a597!important;border-color:#14a597!important}
@media(max-width:900px){.jl-row{grid-template-columns:44px minmax(0,1fr) auto!important}}

/* ===== Promo cards on Open Jobs (Paraform + Remotive) ===== */
.promo-card{position:relative;border:2px solid var(--pc,#14a597)!important;background:linear-gradient(135deg,var(--pbg,#f0fbf9) 0%,#fff 60%)!important}
.pf-card{--pc:#f5b70a;--pbg:#fff8e1;--pt:#1d1d3a;--pch:#fff1c2;--pct:#8a6500}
.rm-promo{--pc:#f5b70a;--pbg:#fff8e1;--pt:#1d1d3a;--pch:#fff1c2;--pct:#8a6500}
.promo-badge{position:absolute;top:-12px;right:18px;background:var(--pc);color:var(--pt);font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:999px;text-transform:uppercase}
.promo-logo{width:52px;height:52px;border-radius:14px;flex:none;object-fit:contain;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.pf-logo{background:transparent;box-shadow:none}
.promo-card .chip.pc{background:var(--pch);color:var(--pct)}
.promo-card .promo-btn{background:var(--pc);color:var(--pt);border-color:var(--pc)}
@media(max-width:640px){.promo-card{padding:18px!important}.promo-card .desc{display:none}.promo-card .chips .chip:not(.pc){display:none}}

/* job card icons */
.job-card .icon3d .ji{width:28px;height:28px}
/* Job Sites: light teal stripes */
.jl-row:nth-child(even){background:#f1faf8}
.jl-row:nth-child(even):hover{background:linear-gradient(90deg,#e3f6f1,#fff 60%)}

/* ===== Hero buttons: 4 colors, 3D + shine ===== */
.hero-float .btn{border:0!important;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.12);--c1:#ffd84d;--c2:#ffbf00;--sh:#c99300;--gl:rgba(255,201,60,.55);color:#16163a!important;background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.08),0 6px 0 var(--sh),0 14px 24px -10px var(--gl)!important}
.hero-float .btn:nth-child(1){text-shadow:none}
.hero-float .btn:nth-child(2){text-shadow:none}
.hero-float .btn:nth-child(3){--c1:#9a82ff;--c2:#6d4dff;--sh:#4b2fd1;--gl:rgba(122,92,255,.55);color:#fff!important}
.hero-float .btn:nth-child(4){--c1:#ff8a6b;--c2:#ff5a36;--sh:#c93d1e;--gl:rgba(255,107,74,.55);color:#fff!important}
.hero-float .btn::before{content:"";position:absolute;left:8px;right:8px;top:3px;height:45%;border-radius:12px 12px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));pointer-events:none}
.hero-float .btn:hover{transform:translateY(-3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 9px 0 var(--sh),0 20px 30px -10px var(--gl)!important}
.hero-float .btn:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 2px 0 var(--sh)!important}
.hero-float .btn::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent)!important}


/* ===== Nav: For Companies dropdown (black) + Events red ===== */
.nav .dd-co .dd-t{background:#000;color:#fff;box-shadow:0 6px 0 #2a2a2a,0 14px 24px -10px rgba(0,0,0,.5)}
.nav .dd-co .dd-m{right:auto;left:0;background:#0d0d0f;box-shadow:0 24px 48px -12px rgba(0,0,0,.6)}
.nav .dd-co .dd-m a{color:#fff!important}
.nav .dd-co .dd-m b{color:#fff}
.nav .dd-co .dd-m small{color:#b8bccf}
.nav .dd-co .dd-m a:hover,.nav .dd-co .dd-m a.cur{background:#1f1f24!important}
.nav .dd-co .dd-m i{background:rgba(255,255,255,.1)!important}
.nav .dd-m .i6{background:#ffe9e2}
.nav a.btn.btn-events,.nav a.btn.btn-events:hover{background:linear-gradient(180deg,#ff5b5b,#e3262f)!important;border:0!important;color:#fff!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 6px 0 #a3141b,0 14px 24px -10px rgba(227,38,47,.6)!important;padding:9px 16px;font-size:.92rem}
.nav a.btn.btn-events:hover{transform:translateY(-2px)}
.nav a.btn.btn-events .live-dot{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.3)!important}
@media(max-width:560px){.nav{justify-content:center}.nav .dd{flex:1 1 calc(50% - 6px)!important}.nav .dd-t{width:100%}.nav a.btn.btn-events{flex:0 0 auto!important;margin:0 auto}.nav .dd-co .dd-m{left:0;right:auto;min-width:290px}.nav .dd:not(.dd-co) .dd-m{right:0;left:auto;min-width:290px}}

/* ===== CV Tools: price badges, Arabic tag, filters ===== */
.price-b{display:inline-block;margin-left:6px;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:3px 10px;border-radius:999px;vertical-align:top}
.price-b.free{background:#dcfce7;color:#15803d}.price-b.start{background:#e0ecff;color:#1d4ed8}.price-b.paid{background:#eceef3;color:#4b5563}
.tg.tg-arcv{background:linear-gradient(180deg,#0f7a5c,#0a5f47);color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-weight:700;border-color:#0a5f47;box-shadow:0 3px 0 #07422f}
.cv-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 26px}
.cv-filter button{font-family:inherit;font-weight:800;font-size:.9rem;padding:9px 16px;border-radius:999px;border:1.5px solid #dfe3f5;background:#fff;color:#16163a;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s}
.cv-filter button:hover{border-color:#b9c0ee}
.cv-filter button.on{background:#16163a;color:#fff;border-color:#16163a}
.cv-filter button.ar{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:.95rem;border-color:#0f7a5c;color:#0f7a5c}
.cv-filter button.ar.on{background:#0f7a5c;color:#fff}
.cv-filter .pz{width:10px;height:10px;border-radius:50%;display:inline-block}.pz.free{background:#22c55e}.pz.start{background:#3b82f6}.pz.paid{background:#9ca3af}
.p-foot .btn-ar{background:#0f7a5c;color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif;box-shadow:0 5px 0 #07422f}
.p-foot{gap:10px;flex-wrap:wrap}
.partner[hidden]{display:none!important}

/* ===== Header search ===== */
.hsearch{position:relative;flex:1 1 220px;max-width:260px;min-width:150px;margin:0 6px 0 18px}
.hsearch svg{position:absolute;left:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:rgba(255,255,255,.8);pointer-events:none}
.hsearch input{width:100%;text-align:left;font-family:inherit;font-size:.9rem;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 14px 10px 38px;outline:none;transition:.2s;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.hsearch input::placeholder{color:rgba(255,255,255,.75)}
.hsearch input:focus{background:#fff;color:#16163a;border-color:#fff;box-shadow:0 0 0 4px rgba(255,210,63,.45)}
.hsearch input:focus+.hs-res,.hsearch:focus-within svg{color:#3a3fd9}
.hsearch input::-webkit-search-cancel-button{filter:invert(.5)}
.hs-res{position:absolute;top:calc(100% + 10px);left:0;width:420px;max-width:calc(100vw - 32px);background:#fff;border-radius:18px;padding:8px;box-shadow:0 24px 48px -12px rgba(5,11,63,.5);z-index:70;max-height:70vh;overflow:auto}
.hs-res a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#16163a;outline:none}
.hs-res a:hover,.hs-res a:focus{background:#f1f3ff}
.hs-t{flex:1;min-width:0}.hs-t b{display:block;font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-t small{display:block;font-size:.78rem;color:#6b7090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-res i{font-style:normal;color:#8a8fb0}
.hs-k{flex:none;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:7px;background:#eef0ff;color:#3a3fd9;min-width:84px;text-align:center}
.hs-k.k-job{background:#fff4cc;color:#8a6500}.hs-k.k-cv-tool{background:#ffe9e2;color:#c93d1e}.hs-k.k-career-tool{background:#e0f6f2;color:#0d7d72}.hs-k.k-hiring-partner{background:#111;color:#fff}.hs-k.k-job-site{background:#ede9ff;color:#5b3fd6}.hs-k.k-event{background:#ffe3e3;color:#c8202a}
.hs-none{padding:14px;color:#6b7090;font-size:.9rem}
@media(max-width:1180px){.hsearch{max-width:200px;min-width:120px;margin-left:10px}}
@media(max-width:980px){.topbar .container{flex-wrap:wrap}.hsearch{flex:1 1 200px;max-width:none}}
@media(max-width:560px){.logo img{height:40px}.hsearch{flex:1 1 0;min-width:0;margin:0 0 0 10px}.hsearch input{padding:9px 10px 9px 34px;font-size:.85rem}.hsearch svg{left:11px}.hs-res{left:auto;right:0;width:calc(100vw - 32px)}}
.cv-filter button[hidden]{display:none}.cv-filter{margin-top:18px}

.tt-stat.tt-ico{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 40px}
.tt-ico svg{width:84px;height:84px;color:#5cf2b0;filter:drop-shadow(0 8px 18px rgba(92,242,176,.35))}
.tt-ico span{font-size:1.15rem!important;line-height:1.35}

/* logos in Job Sites list + CV tools */
.jl-logo.img{padding:0;overflow:hidden;background:#fff!important;border:1px solid #e8ecf2}
.jl-logo.img img{width:100%;height:100%;object-fit:cover;display:block}
.jl-row:hover .jl-logo.img{transform:rotate(-6deg) scale(1.05)}
/* Events purple; hero Job Sites = CV Tools color */
.nav a.btn.btn-events,.nav a.btn.btn-events:hover{background:linear-gradient(180deg,#9a82ff,#6d4dff)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 6px 0 #4b2fd1,0 14px 24px -10px rgba(109,77,255,.6)!important}
.hero-float .btn:nth-child(3){--c1:#ff8a6b;--c2:#ff5a36;--sh:#c93d1e;--gl:rgba(255,107,74,.55)}

.ph-badge{display:inline-block;margin-top:22px;transition:transform .2s}.ph-badge:hover{transform:translateY(-2px)}.ph-badge img{display:block;height:54px;width:250px}
@media(max-width:560px){.ph-badge{display:block;width:max-content;margin:18px auto 0}}

.foot-explore{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:6px 0 2px}.foot-explore a{color:rgba(255,255,255,.75);font-size:.88rem;font-weight:600}.foot-explore a:hover{color:#ffd23f}

/* ===== Product Hunt eyebrow + new footer (F1) ===== */
.ph-eye{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#16163a;font-weight:700;font-size:.9rem;padding:7px 14px 7px 8px;border-radius:999px;margin-bottom:14px;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .2s}.ph-eye:hover{transform:translateY(-2px)}.ph-eye b{color:#ff6154}.ph-eye i{font-style:normal;color:#ff6154}
.ph-mini{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#16163a!important;font-weight:800;font-size:.85rem;padding:7px 14px 7px 8px;border-radius:999px;white-space:nowrap}
.footer.f1 .container{display:block!important;text-align:left}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
.fbrand img{height:58px;width:auto}.fbrand p{color:rgba(255,255,255,.7);margin:10px 0 14px}.fbrand .socials{display:flex;align-items:center;gap:12px;margin:0}
.f1 h4{color:#ffd23f;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 14px}
.f1 .fcols nav a{display:block;color:rgba(255,255,255,.8);font-weight:600;margin-bottom:10px}.f1 .fcols nav a:hover{color:#ffd23f}
.fbot{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:rgba(255,255,255,.55);font-size:.8rem}
@media(max-width:760px){.fcols{grid-template-columns:1fr 1fr;gap:22px 18px}.fbrand{grid-column:1/-1;text-align:center}.fbrand img{margin:0 auto}.fbrand .socials{justify-content:center}.fcols>nav:last-child{grid-column:1/-1}.fcols>nav:last-child a{display:inline-block;margin:0 14px 8px 0}.fbot{flex-direction:column;align-items:center;text-align:center;gap:8px}}

/* eligibility warning + company logos on job cards */
.elig{display:flex;gap:8px;align-items:flex-start;margin:10px 0 2px;padding:9px 12px;border-radius:10px;background:#fff0ee;color:#b4321f;font-size:.86rem;font-weight:600;line-height:1.4;border:1px solid #ffd6cf}.elig svg{flex:none;margin-top:1px}
#job-content .elig{font-size:.95rem;margin:0 0 18px}
.icon3d.co-logo{background:#fff;padding:0;overflow:hidden;box-shadow:0 6px 16px rgba(20,26,82,.12);border:1px solid #eceefb}.icon3d.co-logo img{width:100%;height:100%;object-fit:cover;display:block}

/* Remotive strip (gold, spans both columns) */
.rm-strip{grid-column:1/-1;position:relative;border:2px solid #f5b70a;border-radius:22px;background:linear-gradient(135deg,#fff8e1,#fff 60%);padding:20px 22px 18px;--pc:#f5b70a;--pt:#1d1d3a;box-shadow:0 10px 30px rgba(245,183,10,.15)}
.rm-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.rm-head h3{font-size:1.15rem;margin:0}.rm-head .meta{margin:2px 0 0}
.rm-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rm-card{flex:0 0 250px;scroll-snap-align:start;background:#fff;border:1px solid #f3e4b3;border-radius:16px;padding:14px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px rgba(20,26,82,.06);transition:transform .15s}.rm-card:hover{transform:translateY(-2px)}
.rm-top{display:flex;gap:10px;align-items:center}.rm-top img{width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #eceefb;flex:none}
.rm-top b{display:block;font-size:.95rem;line-height:1.25;color:#141a52}.rm-top span{font-size:.82rem;color:#6b70a0}
.rm-card .chips{margin:0;gap:6px}.rm-card .chip{font-size:.72rem;padding:4px 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-card em{font-style:normal;font-weight:700;font-size:.82rem;color:#8a6500;margin-top:auto}
.rm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}.rm-foot small{color:#6b70a0}.rm-foot small a{color:inherit}
.rm-strip .promo-btn{background:#f5b70a;color:#1d1d3a;border-color:#f5b70a}
.rm-loading{color:#6b70a0;margin:6px 0}
.rm-home{padding:10px 0 0;margin-top:-10px}.rm-home+.hub4-wrap{margin-top:0;padding-top:90px}.rm-home .rm-strip h2{font-size:1.35rem;margin:0}.rm-home .promo-badge{top:-13px}

.topic-faq{max-width:760px;margin:40px auto 0;background:#fff;border-radius:22px;padding:26px 30px;box-shadow:0 10px 30px rgba(20,26,82,.06)}.topic-faq h2{font-size:1.3rem;margin:0 0 10px}.topic-faq h3{font-size:1.05rem;margin:16px 0 6px}.topic-faq p{color:#4a4f80;line-height:1.6;margin:0 0 8px}

/* OK guy */

/* Site assistant (rule-based, no AI) */
.ua-btn{position:fixed;right:22px;bottom:92px;z-index:60;display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#3a47ff,#0112ff 60%,#0a0f9e);color:#fff;padding:14px;border-radius:999px;font-weight:700;border:0;cursor:pointer;box-shadow:0 6px 0 #070a6b,0 18px 30px -8px rgba(1,18,255,.6);transition:transform .2s}.ua-btn svg{width:28px;height:28px}.ua-btn>span:not(.lilo-av){max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s,margin .35s}.ua-btn:hover>span:not(.lilo-av){max-width:160px;margin-right:6px}.ua-btn:hover{transform:translateY(-3px)}
.ua-panel{position:fixed;right:22px;bottom:160px;z-index:61;width:min(360px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 190px));background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(20,26,82,.28);display:none;flex-direction:column;overflow:hidden;font-size:.93rem}.ua-panel.open{display:flex}
.ua-head{background:linear-gradient(135deg,#0112ff,#0a0f9e);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.ua-head svg{width:26px;height:26px;flex:none}.ua-head b{font-size:1rem}.ua-head small{display:block;opacity:.8;font-weight:500}.ua-head button{margin-left:auto;background:rgba(255,255,255,.18);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem}
.ua-log{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f5f6ff;flex:1}.ua-m{max-width:88%;padding:10px 13px;border-radius:16px;line-height:1.45}.ua-m.bot{background:#fff;color:#141a52;border-bottom-left-radius:6px;box-shadow:0 4px 12px rgba(20,26,82,.06)}.ua-m.me{background:#0112ff;color:#fff;align-self:flex-end;border-bottom-right-radius:6px}
.ua-m a{color:#0112ff;font-weight:700}.ua-m ul{margin:6px 0 0;padding-left:18px}.ua-m li{margin:3px 0}.ua-m .k{display:inline-block;font-size:.72rem;font-weight:800;color:#6b70a0;margin-left:4px}
.ua-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;background:#f5f6ff;border-top:1px solid #eceefb}.ua-chips button{background:#fff;border:1px solid #d6daff;color:#0112ff;font-weight:700;font-size:.8rem;padding:6px 11px;border-radius:999px;cursor:pointer}.ua-chips button:hover{background:#eef0ff}
.ua-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #eceefb;background:#fff}.ua-in input{flex:1;border:1px solid #d6daff;border-radius:12px;padding:10px 12px;font:inherit}.ua-in button{background:#0112ff;color:#fff;border:0;border-radius:12px;padding:0 14px;font-weight:800;cursor:pointer}
@media (max-width:720px){.ua-btn{right:16px;bottom:84px;padding:12px}.ua-btn>span:not(.lilo-av){display:none}.ua-panel{right:16px;bottom:146px}}

.ask-sec{padding:0 0 70px}.ask-card{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;background:#fff;border-radius:28px;padding:26px 34px;box-shadow:0 18px 50px rgba(20,26,82,.08)}
.ask-art{position:relative}.ask-art img{width:100%;display:block}.ask-art{background:radial-gradient(circle at 70% 20%,#2a37ff,#0a0f9e 60%,#070a4a);border-radius:22px;padding:18px 18px 0}
.ask-bub{position:absolute;background:#fff;color:#141a52;font-weight:700;padding:10px 14px;border-radius:16px;box-shadow:0 10px 24px rgba(20,26,82,.18);font-size:.95rem;transition:opacity .35s,transform .35s;max-width:220px}
.ask-bub.man{right:4%;top:2%;border-bottom-right-radius:4px}.ask-bub.bot{left:4%;top:-6%;background:#ffd23f;color:#141a52;border-bottom-left-radius:4px}
.ask-bub.sw{opacity:0;transform:translateY(6px)}
.ask-text h2{font-size:1.8rem;margin:10px 0 8px}.ask-text p{color:#4a4f80;line-height:1.6;margin:0 0 18px}
.ua-btn.img{padding:4px;background:#fff;box-shadow:0 6px 0 #c9cffd,0 18px 30px -8px rgba(1,18,255,.45)}.ua-btn.img img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;animation:botbob 3s ease-in-out infinite}.ua-btn.img .lilo-av{width:56px;height:56px}@keyframes botbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.ua-btn.img:hover img{animation:botwig .6s ease}@keyframes botwig{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}}.ua-btn.img>span:not(.lilo-av){color:#141a52;padding-right:0}.ua-btn.img:hover>span:not(.lilo-av){padding-right:8px}
@media(max-width:860px){.ask-card{grid-template-columns:1fr}}

/* Tour guide that follows the mouse */
.guide{position:fixed;left:0;top:0;width:120px;z-index:58;pointer-events:none;will-change:transform}.guide img{width:100%;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));transition:transform .25s}
.guide.yay img{animation:gyay .7s ease}@keyframes gyay{0%,100%{scale:1}40%{scale:1.15}}
.g-bub{position:absolute;left:100%;top:-6px;margin-left:8px;background:#fff;color:#141a52;font-weight:800;font-size:.86rem;padding:8px 12px;border-radius:14px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.22);opacity:0;transform:translateY(6px) scale(.9);transition:all .25s;border-bottom-left-radius:4px}.g-bub.on{opacity:1;transform:none}.guide.flip .g-bub{left:auto;right:100%;margin-left:0;margin-right:8px;border-bottom-left-radius:14px;border-bottom-right-radius:4px}
@media(max-width:900px),(pointer:coarse){.guide{display:none}}

.ua-cv{padding:8px 14px 2px;background:#f5f6ff}.ua-cv-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#ffe27a,#f5b70a);color:#141a52;font-weight:800;font-size:.86rem;padding:9px 12px;border-radius:12px;cursor:pointer;box-shadow:0 4px 0 #b57300}.ua-cv-btn svg{width:18px;height:18px}.ua-cv-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #b57300}.ua-cv small{display:block;color:#6b70a0;font-size:.72rem;margin:5px 2px 0}
.ua-m small{color:#6b70a0}

.lilo-av{position:relative;display:block;width:56px;height:56px;flex:none}.lilo-av img{width:56px!important;height:56px!important;animation:botbob 3s ease-in-out infinite}.ua-btn.img{overflow:visible}
.lilo-hand{position:absolute;right:-8px;top:-6px;width:24px;height:26px;transform-origin:80% 100%;animation:wave 2.4s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
@keyframes wave{0%,55%,100%{transform:rotate(0)}60%{transform:rotate(18deg)}70%{transform:rotate(-14deg)}80%{transform:rotate(18deg)}90%{transform:rotate(-10deg)}}
.lilo-hi{position:absolute;left:50%;top:-18px;transform:translateX(-50%) scale(0);background:#ffd23f;color:#141a52;font-style:normal;font-weight:800;font-size:.68rem;padding:2px 7px;border-radius:999px;animation:hipop 2.4s ease-in-out infinite;white-space:nowrap}
@keyframes hipop{0%,50%,100%{transform:translateX(-50%) scale(0)}58%,88%{transform:translateX(-50%) scale(1)}}
.ua-btn.img:hover .lilo-hand{animation:wave .8s ease-in-out infinite}