:root {
  --main: #1f9600;
  --main-dark: #062b00;
  --main-deep: #031900;
  --main-soft: #63ff38;
  --main-lime: #b9ff9b;
  --main-yellow: #fff36b;
  --main-mint: #d7ffd1;

  --bg: #1f9600;
  --card-1: rgba(8, 42, 0, 0.88);
  --card-2: rgba(31, 150, 0, 0.86);
  --card-3: rgba(2, 24, 0, 0.92);

  --line: rgba(185, 255, 155, 0.48);
  --line-strong: rgba(255, 255, 255, 0.42);

  --text-logo: #ffffff;
  --text-name: #fff36b;
  --text-desc: #d7ffd1;
  --text-generator: #e9ff74;
  --text-commerce: #cffff0;
  --text-location: #ffe9a6;
  --text-menu: #ffffff;
  --text-header: #b9ff9b;
  --text-link: #f6ffd8;
  --text-expanded: #d7fff4;
  --text-social: #fff36b;
  --text-footer: #eaffdf;

  --shadow: 0 22px 50px rgba(4, 40, 0, 0.42);
  --glow: 0 0 34px rgba(99, 255, 56, 0.42);
}

/* ================================
   RESET HALUS
================================ */
* {
  box-sizing: border-box;
}

body,
.wrapper {
  font-family: "Poppins", sans-serif;
}

/* ================================
   BACKGROUND UTAMA
================================ */
.user-page-section-background {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 243, 107, 0.32), transparent 25%),
    radial-gradient(circle at 88% 18%, rgba(185, 255, 155, 0.28), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(3, 25, 0, 0.72), transparent 46%),
    linear-gradient(145deg, #1f9600 0%, #126500 42%, #031900 100%);
  background-color: var(--bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.user-page-section-background::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    conic-gradient(
      from 90deg,
      transparent 0deg,
      rgba(255, 255, 255, 0.12) 55deg,
      transparent 120deg,
      rgba(185, 255, 155, 0.18) 210deg,
      transparent 300deg
    );
  animation: bgSpinGreen 16s linear infinite;
  pointer-events: none;
}

.user-page-section-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.52;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
  pointer-events: none;
}

@keyframes bgSpinGreen {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(360deg) scale(1.05);
  }
}

@media (max-width: 611.98px) {
  .user-page-section-background {
    background:
      radial-gradient(circle at top, rgba(255, 243, 107, 0.32), transparent 34%),
      radial-gradient(circle at bottom, rgba(3, 25, 0, 0.82), transparent 48%),
      linear-gradient(160deg, #1f9600 0%, #126500 54%, #031900 100%);
    background-color: var(--bg);
    background-position: center;
    background-size: cover;
  }
}

/* ================================
   AREA CONTENT
================================ */
.wrapper .user-page-section-content {
  position: relative;
  z-index: 2;
}

.wrapper .user-page-section-content .user-info {
  position: relative;
  isolation: isolate;
}

/* ================================
   AVATAR / LOGO
================================ */
.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component {
  border-radius: 28px;
  border: 4px solid var(--main-yellow);
  background:
    linear-gradient(145deg, rgba(3, 25, 0, 0.86), rgba(31, 150, 0, 0.64));
  box-shadow:
    0 0 0 7px rgba(185, 255, 155, 0.16),
    0 22px 42px rgba(0, 0, 0, 0.38),
    0 0 34px rgba(255, 243, 107, 0.54);
  overflow: hidden;
  transition: 0.35s ease;
}

.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component:hover {
  transform: translateY(-5px) scale(1.04);
  border-color: #ffffff;
  box-shadow:
    0 0 0 9px rgba(255, 255, 255, 0.18),
    0 28px 55px rgba(0, 0, 0, 0.45),
    0 0 48px rgba(99, 255, 56, 0.7);
}

.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component .common-user-icon-wrapper svg {
  fill: var(--text-logo);
}

/* ================================
   COVER SHARE ICON
================================ */
.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper {
  background:
    linear-gradient(135deg, #fff36b 0%, #63ff38 45%, #1f9600 100%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    0 16px 34px rgba(3, 25, 0, 0.42),
    0 0 28px rgba(255, 243, 107, 0.58);
}

.wrapper .user-page-section-content .user-info .cover-image-container .preview-share-icon-wrapper svg {
  fill: #062b00;
}

/* ================================
   USERNAME
================================ */
.wrapper .user-page-section-content .user-info .username {
  text-align: center;
  padding: 13px 18px;
  color: var(--text-name);
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.4px;
  border-radius: 8px 26px 8px 26px;
  background:
    linear-gradient(135deg, rgba(3, 25, 0, 0.92), rgba(31, 150, 0, 0.72)),
    radial-gradient(circle at top, rgba(255, 243, 107, 0.24), transparent 45%);
  border: 1px solid rgba(255, 243, 107, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    var(--shadow),
    0 0 28px rgba(255, 243, 107, 0.28);
  text-shadow: 0 0 14px rgba(255, 243, 107, 0.7);
}

/* ================================
   DESCRIPTION
================================ */
.wrapper .user-page-section-content .user-info .preview-user-description__component {
  padding: 16px 18px;
  color: var(--text-desc);
  font-family: "Poppins", sans-serif;
  font-size: 15.5px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  border-radius: 24px 8px 24px 8px;
  background:
    linear-gradient(145deg, rgba(6, 43, 0, 0.9), rgba(31, 150, 0, 0.68));
  border: 1px solid rgba(215, 255, 209, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 18px 38px rgba(0, 0, 0, 0.32),
    0 0 22px rgba(99, 255, 56, 0.28);
}

/* ================================
   SHARE ICON BULAT
================================ */
.wrapper .user-page-section-content .user-info .preview-share-icon__component {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background:
    linear-gradient(135deg, #fff36b, #63ff38 55%, #1f9600);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 16px 34px rgba(3, 25, 0, 0.46),
    0 0 24px rgba(255, 243, 107, 0.58);
  transition: 0.32s ease;
}

.wrapper .user-page-section-content .user-info .preview-share-icon__component:hover {
  transform: translateY(-4px) rotate(-4deg) scale(1.05);
  box-shadow:
    0 22px 42px rgba(3, 25, 0, 0.55),
    0 0 36px rgba(255, 243, 107, 0.82);
}

.wrapper .user-page-section-content .user-info .preview-share-icon__component svg {
  fill: #062b00;
}

/* ================================
   GENERATOR / TERMS / ANONYMOUS
================================ */
.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component {
  position: relative;
  overflow: hidden;
  color: var(--text-generator);
  font-family: "Poppins", sans-serif;
  border-radius: 28px 10px 28px 10px;
  background:
    linear-gradient(135deg, rgba(31, 150, 0, 0.94), rgba(6, 43, 0, 0.94)),
    radial-gradient(circle at top left, rgba(255, 243, 107, 0.26), transparent 42%);
  border: 1px solid rgba(255, 243, 107, 0.5);
  box-shadow:
    0 20px 45px rgba(3, 25, 0, 0.44),
    0 0 30px rgba(99, 255, 56, 0.3);
  transition: 0.35s ease;
}

.wrapper .preview-signup-generator__component::before,
.wrapper .preview-signup-generator-terms__component::before,
.wrapper .preview-anonymous-messages__component::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.2) 48%, transparent 70%);
  transform: translateX(-120%);
  transition: 0.7s ease;
  pointer-events: none;
}

.wrapper .preview-signup-generator__component:hover::before,
.wrapper .preview-signup-generator-terms__component:hover::before,
.wrapper .preview-anonymous-messages__component:hover::before {
  transform: translateX(120%);
}

.wrapper .preview-signup-generator__component:hover,
.wrapper .preview-signup-generator-terms__component:hover,
.wrapper .preview-anonymous-messages__component:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow:
    0 28px 56px rgba(3, 25, 0, 0.52),
    0 0 38px rgba(255, 243, 107, 0.42);
}

.wrapper .preview-signup-generator__component *,
.wrapper .preview-signup-generator-terms__component *,
.wrapper .preview-anonymous-messages__component * {
  color: var(--text-generator);
}

.wrapper .preview-signup-generator__component .thumbnail,
.wrapper .preview-signup-generator-terms__component .thumbnail,
.wrapper .preview-anonymous-messages__component .thumbnail {
  border-radius: 18px !important;
}

/* ================================
   COMMERCE
================================ */
.wrapper .preview-commerce-link-item__component {
  overflow: hidden;
  color: var(--text-commerce);
  font-family: "Poppins", sans-serif;
  border-radius: 12px 30px 12px 30px;
  background:
    linear-gradient(135deg, rgba(6, 43, 0, 0.95), rgba(31, 150, 0, 0.92));
  border: 1px solid rgba(207, 255, 240, 0.5);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(99, 255, 56, 0.28);
  transition: 0.35s ease;
}

.wrapper .preview-commerce-link-item__component:hover {
  transform: translateY(-5px) scale(1.015);
  border-color: rgba(207, 255, 240, 0.85);
  box-shadow:
    0 26px 52px rgba(0, 0, 0, 0.43),
    0 0 34px rgba(207, 255, 240, 0.44);
}

.wrapper .preview-commerce-link-item__component *,
.wrapper .preview-commerce-link-item__component .up-down-icon svg {
  color: var(--text-commerce);
  fill: var(--text-commerce);
}

.wrapper .preview-commerce-link-item__component .thumbnail {
  border-radius: 18px !important;
}

/* ================================
   LOCATION
================================ */
.wrapper .preview-location-item__component {
  overflow: hidden;
  color: var(--text-location);
  font-family: "Poppins", sans-serif;
  border-radius: 30px 12px 30px 12px;
  background:
    linear-gradient(145deg, rgba(31, 150, 0, 0.92), rgba(3, 25, 0, 0.95));
  border: 1px solid rgba(255, 233, 166, 0.5);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    0 0 24px rgba(255, 243, 107, 0.26);
  transition: 0.35s ease;
}

.wrapper .preview-location-item__component:hover {
  transform: translateY(-5px) scale(1.015);
  border-color: rgba(255, 233, 166, 0.86);
  box-shadow:
    0 26px 52px rgba(0, 0, 0, 0.43),
    0 0 34px rgba(255, 243, 107, 0.46);
}

.wrapper .preview-location-item__component *,
.wrapper .preview-location-item__component .up-down-icon svg {
  color: var(--text-location);
  fill: var(--text-location);
}

.wrapper .preview-location-item__component .thumbnail {
  border-radius: 18px !important;
}

/* ================================
   MENU ITEM
================================ */
.wrapper .preview-menu-item__component {
  position: relative;
  overflow: hidden;
  color: var(--text-menu);
  font-family: "Poppins", sans-serif;
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(31, 150, 0, 0.95), rgba(11, 72, 0, 0.96)),
    radial-gradient(circle at right, rgba(255, 243, 107, 0.2), transparent 45%);
  border: 1px solid rgba(255, 255, 255, 0.44);
  box-shadow:
    0 17px 36px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 23px rgba(99, 255, 56, 0.26);
  transition: 0.35s ease;
}

.wrapper .preview-menu-item__component::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  right: -42px;
  top: -42px;
  border-radius: 50%;
  background: rgba(255, 243, 107, 0.18);
  pointer-events: none;
}

.wrapper .preview-menu-item__component:hover {
  transform: translateY(-5px);
  background:
    linear-gradient(135deg, rgba(3, 25, 0, 0.96), rgba(31, 150, 0, 0.95));
  border-color: rgba(255, 243, 107, 0.72);
  box-shadow:
    0 26px 50px rgba(0, 0, 0, 0.45),
    0 0 36px rgba(255, 243, 107, 0.35);
}

.wrapper .preview-menu-item__component *,
.wrapper .preview-menu-item__component .up-down-icon svg {
  color: var(--text-menu);
  fill: var(--text-menu);
}

.wrapper .preview-menu-item__component .thumbnail {
  border-radius: 16px !important;
}

/* ================================
   HEADER & TEXT BLOCK
================================ */
.wrapper .preview-links-list__component .preview-header-component,
.wrapper .preview-links-list__component .preview-text-block-component {
  text-align: center;
  padding: 12px 18px;
  color: var(--text-header);
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.35px;
  border-radius: 10px 28px 10px 28px;
  background:
    linear-gradient(135deg, rgba(3, 25, 0, 0.92), rgba(31, 150, 0, 0.68));
  border: 1px solid rgba(185, 255, 155, 0.56);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 18px 36px rgba(0, 0, 0, 0.32),
    0 0 24px rgba(185, 255, 155, 0.24);
  text-shadow: 0 0 13px rgba(185, 255, 155, 0.55);
}

/* ================================
   LINK ITEM
================================ */
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper {
  position: relative;
  overflow: hidden;
  color: var(--text-link);
  font-family: "Poppins", sans-serif;
  border-radius: 24px 8px 24px 8px;
  background:
    linear-gradient(135deg, rgba(31, 150, 0, 0.96), rgba(3, 25, 0, 0.96)),
    radial-gradient(circle at left, rgba(255, 243, 107, 0.22), transparent 42%);
  border: 1px solid rgba(246, 255, 216, 0.48);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.36),
    0 0 24px rgba(99, 255, 56, 0.28);
  transition: 0.35s ease;
}

.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -95%;
  width: 55%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
  transform: skewX(-20deg);
  transition: 0.7s ease;
  pointer-events: none;
}

.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper:hover::before,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper:hover::before {
  left: 130%;
}

.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-link-item__component .preview-lock-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper:hover,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-lock-link-wrapper:hover {
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(255, 243, 107, 0.8);
  box-shadow:
    0 28px 56px rgba(0, 0, 0, 0.45),
    0 0 38px rgba(255, 243, 107, 0.42);
}

.wrapper .preview-links-list__component .preview-link-item__component *,
.wrapper .preview-links-list__component .preview-lock-link-item__component * {
  color: var(--text-link);
}

.wrapper .preview-links-list__component .preview-link-item__component .thumbnail,
.wrapper .preview-links-list__component .preview-lock-link-item__component .thumbnail {
  border-radius: 16px;
}

.wrapper .preview-links-list__component .preview-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .phone-thumbnail svg,
.wrapper .preview-links-list__component .preview-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-link-item__component .shevron-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-share-icon__component svg,
.wrapper .preview-links-list__component .preview-lock-link-item__component .shevron-icon__component svg {
  fill: var(--text-link);
}

/* ================================
   EXPANDED BLOCK
================================ */
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-locked-block__component,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-block,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-locked-block__component {
  color: var(--text-expanded);
  border-radius: 0 0 24px 24px;
  border: 1px solid rgba(215, 255, 244, 0.45);
  border-top: none;
  background:
    linear-gradient(145deg, rgba(3, 25, 0, 0.94), rgba(11, 72, 0, 0.9));
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-block *,
.wrapper .preview-links-list__component .preview-link-item__component .common-expanded-locked-block__component *,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-block *,
.wrapper .preview-links-list__component .preview-lock-link-item__component .common-expanded-locked-block__component * {
  color: var(--text-expanded);
}

/* ================================
   IMAGE SLIDER / GALLERY
================================ */
.wrapper .preview-image-sliders-list__component .youtube-gallery,
.wrapper .preview-image-sliders-list__component .slider-grid,
.wrapper .preview-image-sliders-list__component .instagram-gallery {
  overflow: hidden;
  color: #fff8c4;
  border-radius: 30px 12px 30px 12px;
  background:
    linear-gradient(135deg, rgba(31, 150, 0, 0.92), rgba(3, 25, 0, 0.96));
  border: 1px solid rgba(255, 248, 196, 0.48);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.38),
    0 0 30px rgba(255, 243, 107, 0.28);
}

.wrapper .preview-image-sliders-list__component .youtube-gallery *,
.wrapper .preview-image-sliders-list__component .slider-grid *,
.wrapper .preview-image-sliders-list__component .instagram-gallery * {
  color: #fff8c4;
}

/* ================================
   SOCIAL LINKS
================================ */
.wrapper .preview-social-links__component .social-link-item__component {
  color: var(--text-social);
  fill: var(--text-social);
  filter:
    drop-shadow(0 0 8px rgba(255, 243, 107, 0.72))
    drop-shadow(0 0 14px rgba(99, 255, 56, 0.35));
  transition: 0.3s ease;
}

.wrapper .preview-social-links__component .social-link-item__component:hover {
  transform: translateY(-5px) scale(1.14) rotate(-3deg);
  filter:
    drop-shadow(0 0 14px rgba(255, 243, 107, 0.95))
    drop-shadow(0 0 24px rgba(99, 255, 56, 0.55));
}

/* ================================
   FOOTER
================================ */
.wrapper .footer-link {
  color: var(--text-footer) !important;
  font-weight: 700;
  text-shadow: 0 0 12px rgba(185, 255, 155, 0.68);
}

.wrapper .cookies-wrapper #ot-sdk-btn.ot-sdk-show-settings {
  color: #fff36b !important;
  font-weight: 700;
}

.wrapper .report-abuse-button__component,
.wrapper .preview-heylinkme-logo__component {
  color: #d7ffd1;
  font-weight: 900;
  height: auto !important;
  text-shadow: 0 0 12px rgba(99, 255, 56, 0.64);
}

.wrapper .report-abuse-button__component .heylinkme-logo,
.wrapper .preview-heylinkme-logo__component .heylinkme-logo {
  color: #fff36b;
}

.wrapper .report-abuse-button__component .page-report-section,
.wrapper .preview-heylinkme-logo__component .page-report-section {
  margin: 0 !important;
}

/* ================================
   SHARE LINK CUSTOM
================================ */
a.share-link {
  display: block;
  width: fit-content;
  margin: 16px auto;
  padding: 10px 18px;
  text-decoration: none;
  border-radius: 999px;
  background:
    linear-gradient(135deg, #fff36b, #63ff38 52%, #1f9600);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    0 16px 34px rgba(3, 25, 0, 0.38),
    0 0 24px rgba(255, 243, 107, 0.42);
  transition: 0.3s ease;
}

a.share-link:hover {
  transform: translateY(-4px);
  box-shadow:
    0 24px 46px rgba(3, 25, 0, 0.46),
    0 0 32px rgba(255, 243, 107, 0.62);
}

.share-kode-link-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #062b00;
}

.title-link {
  color: #062b00;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px;
}

/* ================================
   DELIMITER
================================ */
.delimiter-wrapper {
  margin-bottom: 22px;
  opacity: 0.95;
  filter: drop-shadow(0 0 10px rgba(255, 243, 107, 0.55));
}

.delimiter-wrapper svg {
  width: -webkit-fill-available;
  width: 100%;
  height: 24px;
}

.delimiter-wrapper svg path,
.delimiter-wrapper svg rect,
.delimiter-wrapper svg circle {
  fill: #fff36b;
  stroke: #d7ffd1;
}

/* ================================
   ANIMASI HALUS
================================ */
.wrapper .preview-menu-item__component,
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component,
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper,
.wrapper .preview-links-list__component .preview-lock-link-item__component .preview-link-wrapper {
  animation: greenLiftSoft 5.8s ease-in-out infinite;
}

@keyframes greenLiftSoft {
  0%,
  100% {
    box-shadow:
      0 18px 38px rgba(0, 0, 0, 0.34),
      0 0 22px rgba(99, 255, 56, 0.24);
  }
  50% {
    box-shadow:
      0 24px 48px rgba(0, 0, 0, 0.42),
      0 0 34px rgba(255, 243, 107, 0.34);
  }
}

/* ================================
   SELECTION
================================ */
::selection {
  background: #fff36b;
  color: #062b00;
}