html {
  box-sizing: border-box;
  scroll-behavior: smooth
}

body {
  margin: 0;
  min-height: 100dvh;
  overflow-x: hidden
}

*,
::before,
::after {
  box-sizing: inherit
}

:focus-visible {
  outline: none;
  border-bottom: 4px solid #C3CA3E
}

.pg__head {
  background: #0e0e12;
  border-bottom: 2px solid #A43AAB;
  position: relative;
  z-index: 100
}

.pg__head-frame {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 56px;
  border-left: 1px solid #c3ca3e2e;
  border-right: 1px solid #c3ca3e2e
}

.pg__head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 0;
  gap: 28px;
  border-bottom: 1px solid #dde7e514
}

.pg__head-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  padding-right: 28px;
  border-right: 1px solid #c3ca3e38
}

.pg__head-brand__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 75px;
  background: #dde7e50f;
  border-radius: 7px;
  border: 1px solid #c3ca3e47;
  box-shadow: 0 3px 6px 0 #c3ca3e14 0 7px 22px 0 #c3ca3e14;
  padding: 8px
}

.pg__head-brand__img-wrap img {
  width: 52px;
  height: 59px;
  object-fit: contain;
  display: block
}

.pg__head-brand__name {
  font-family: 'EB Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  color: #DDE7E5;
  letter-spacing: -.02em;
  text-decoration: none
}

.pg__head-brand__name span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #C3CA3E;
  letter-spacing: .06em;
  line-height: 1.6;
  font-family: 'EB Garamond', serif
}

.pg__head-meta {
  display: flex;
  align-items: center;
  gap: 16px
}

.pg__head-meta__email {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #DDE7E5;
  text-decoration: none;
  letter-spacing: .03em;
  line-height: 1.6;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #dde7e524;
  transition: color .55s cubic-bezier(0.22, 1, 0.36, 1), border-color .55s cubic-bezier(0.22, 1, 0.36, 1), background .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.pg__head-meta__email:hover {
  color: #C3CA3E;
  border-color: #c3ca3e66;
  background: #c3ca3e0f
}

.pg__head-nav {
  padding: 0
}

.pg__head-nav__list {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0
}

.pg__head-nav__item {
  display: flex
}

.pg__head-nav__link {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  color: #DDE7E5;
  text-decoration: none;
  padding: 16px 28px;
  display: flex;
  align-items: center;
  position: relative;
  letter-spacing: .01em;
  transition: color .48s cubic-bezier(0.22, 1, 0.36, 1), background .48s cubic-bezier(0.22, 1, 0.36, 1)
}

.pg__head-nav__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 28px;
  right: 28px;
  height: 2px;
  background: linear-gradient(90deg, #C3CA3E, #A43AAB);
  border-radius: 3px;
  transform: scaleX(0);
  transition: transform .52s cubic-bezier(0.22, 1, 0.36, 1)
}

.pg__head-nav__link:hover {
  color: #C3CA3E;
  background: #c3ca3e0d
}

.pg__head-nav__link:hover::after {
  transform: scaleX(1)
}

.pg__head-nav__item--sep {
  width: 1px;
  background: #dde7e51a;
  margin: 8px 0;
  flex-shrink: 0
}

.pg__foot {
  background: #0b0b0f;
  border-top: 2px solid #a43aab80;
  position: relative
}

.pg__foot::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #C3CA3E 30%, #A43AAB 70%, transparent);
  pointer-events: none
}

.pg__foot-frame {
  max-width: 1600px;
  margin: 0 auto;
  padding: 56px 56px 28px
}

.pg__foot-upper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 56px;
  padding-bottom: 56px;
  border-bottom: 1px solid #dde7e51a
}

.pg__foot-col--brand {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.pg__foot-brand__img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 72px;
  background: #c3ca3e12;
  border-radius: 7px;
  border: 1px solid #c3ca3e40;
  box-shadow: 0 3px 6px 0 #a43aab14 0 7px 22px 0 #a43aab14;
  padding: 8px
}

.pg__foot-brand__img-wrap img {
  width: 48px;
  height: 56px;
  object-fit: contain;
  display: block
}

.pg__foot-brand__name {
  font-family: 'EB Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  color: #DDE7E5;
  line-height: 1.1;
  letter-spacing: -.02em;
  text-decoration: none
}

.pg__foot-brand__desc {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #dde7e599;
  line-height: 1.6
}

.pg__foot-col--nav {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.pg__foot-col__label {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  font-weight: 700;
  color: #C3CA3E;
  letter-spacing: .1em;
  line-height: 1.1;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #c3ca3e33
}

.pg__foot-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.pg__foot-nav__link {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  color: #dde7e5bf;
  text-decoration: none;
  line-height: 1.6;
  display: inline-block;
  transition: color .5s ease-in-out
}

.pg__foot-nav__link:hover {
  color: #C3CA3E
}

.pg__foot-col--contact {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.pg__foot-contact__email {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  color: #DDE7E5;
  text-decoration: none;
  line-height: 1.6;
  transition: color .5s ease-in-out
}

.pg__foot-contact__email:hover {
  color: #A43AAB
}

.pg__foot-lower {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 28px
}

.pg__foot-copy {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #dde7e566;
  line-height: 1.6
}

.pg__foot-legal__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px
}

.pg__foot-legal__link {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #dde7e580;
  text-decoration: none;
  line-height: 1.6;
  transition: color .45s ease-in-out
}

.pg__foot-legal__link:hover {
  color: #DDE7E5
}

.ck-strip {
  display: none;
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 4000;
  max-width: 420px;
  width: calc(100vw - 56px);
  background: #15151c;
  border: 1px solid #a43aab66;
  border-radius: 13px;
  box-shadow: 0 9px 40px 0 #a43aab1c 0 7px 22px 0 #a43aab14;
  padding: 28px;
  transform: translateY(20px);
  opacity: 0;
  transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1), opacity .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.ck-strip.ck-strip--visible {
  transform: translateY(0);
  opacity: 1
}

.ck-strip__msg {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #dde7e5cc;
  line-height: 1.6;
  margin-bottom: 16px
}

.ck-strip__msg a {
  color: #C3CA3E;
  text-decoration: underline
}

.ck-strip__headline {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  font-weight: 700;
  color: #DDE7E5;
  line-height: 1.1;
  margin-bottom: 8px;
  letter-spacing: -.01em
}

.ck-strip__acts {
  display: flex;
  gap: 16px;
  align-items: center
}

.ck-strip__btn {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  line-height: 1.6;
  transition: color .45s ease-in-out
}

.ck-strip__btn--accept {
  color: #C3CA3E
}

.ck-strip__btn--accept:hover {
  color: #DDE7E5
}

.ck-strip__btn--decline {
  color: #dde7e58c
}

.ck-strip__btn--decline:hover {
  color: #DDE7E5
}

.ck-mini {
  display: none;
  position: fixed;
  bottom: 0;
  right: 28px;
  z-index: 3999;
  background: #15151c;
  border: 1px solid #c3ca3e40;
  border-bottom: none;
  border-radius: 13px 13px 0 0;
  padding: 8px 16px
}

.ck-mini__btn {
  font-family: 'EB Garamond', serif;
  font-size: 14px;
  color: #dde7e599;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: color .45s ease-in-out
}

.ck-mini__btn:hover {
  color: #C3CA3E
}

@media (max-width: 1280px) {
  .pg__head-frame {
    padding: 0 28px
  }

  .pg__foot-frame {
    padding: 56px 28px 28px
  }

  .pg__foot-upper {
    grid-template-columns: 1fr 1fr;
    gap: 28px
  }
}

@media (max-width: 768px) {
  .pg__head-frame {
    padding: 0 16px
  }

  .pg__head-top {
    flex-wrap: wrap;
    gap: 16px
  }

  .pg__head-brand {
    padding-right: 16px
  }

  .pg__head-nav__link {
    padding: 16px;
    font-size: 14px
  }

  .pg__foot-frame {
    padding: 28px 16px 16px
  }

  .pg__foot-upper {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 28px
  }

  .pg__foot-lower {
    flex-direction: column;
    align-items: flex-start
  }

  .ck-strip {
    bottom: 16px;
    right: 16px;
    width: calc(100vw - 32px);
    padding: 16px
  }

  .ck-mini {
    right: 16px
  }
}

@media (max-width: 480px) {
  .pg__head-brand__name {
    font-size: 20px
  }

  .pg__head-nav__link {
    padding: 16px 8px
  }

  .pg__foot-upper {
    gap: 16px
  }
}

.mplm-terms-box {
  max-width: 1600px;
  margin: 0 auto;
  padding: 56px 96px;
  background: #111318;
  min-height: 100vh
}

.mplm-terms-box h1 {
  font-size: 66px;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #DDE7E5;
  margin-bottom: 28px;
  margin-top: 0
}

.mplm-terms-box h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #DDE7E5;
  margin-top: 56px;
  margin-bottom: 28px
}

.mplm-terms-box h3 {
  font-size: 26px;
  line-height: 1.6;
  letter-spacing: -.01em;
  color: #C3CA3E;
  margin-top: 56px;
  margin-bottom: 16px
}

.mplm-terms-box h4 {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -.01em;
  color: #DDE7E5;
  margin-top: 28px;
  margin-bottom: 16px
}

.mplm-terms-box h5 {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #A43AAB;
  margin-top: 28px;
  margin-bottom: 8px
}

.mplm-terms-box h6 {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #DDE7E5;
  opacity: .7;
  margin-top: 16px;
  margin-bottom: 8px
}

.mplm-terms-box p {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2;
  margin-top: 0;
  margin-bottom: 16px
}

.mplm-terms-box ul,
.mplm-terms-box ol {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2;
  padding-left: 28px;
  margin-top: 0;
  margin-bottom: 16px
}

.mplm-terms-box ul {
  list-style: none;
  padding-left: 0
}

.mplm-terms-box ul li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 8px
}

.mplm-terms-box ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background: #C3CA3E
}

.mplm-terms-box ol {
  list-style: none;
  counter-reset: policy-counter;
  padding-left: 0
}

.mplm-terms-box ol li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 8px;
  counter-increment: policy-counter
}

.mplm-terms-box ol li::before {
  content: counter(policy-counter);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #A43AAB;
  font-weight: 700;
  letter-spacing: .04em
}

.mplm-terms-box li {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2
}

.mplm-terms-box em,
.mplm-terms-box i {
  font-style: italic;
  color: #DDE7E5
}

.mplm-terms-box a {
  color: #C3CA3E;
  text-decoration: underline;
  text-decoration-color: #c3ca3e59;
  text-underline-offset: 3px;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1), text-decoration-color .45s ease-in-out
}

.mplm-terms-box a:hover {
  color: #A43AAB;
  text-decoration-color: #a43aab99
}

.mplm-terms-box table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.mplm-terms-box thead {
  background: #1d2030
}

.mplm-terms-box thead th {
  padding: 16px 28px;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #C3CA3E;
  border-bottom: 2px solid #c3ca3e33
}

.mplm-terms-box tbody tr {
  background: #161921;
  transition: background .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.mplm-terms-box tbody tr:nth-child(even) {
  background: #1a1e28
}

.mplm-terms-box tbody tr:hover {
  background: #1f2438
}

.mplm-terms-box td {
  padding: 16px 28px;
  color: #b8c4c2;
  font-size: 14px;
  line-height: 1.6;
  border-bottom: 1px solid #dde7e512
}

.mplm-terms-box th {
  padding: 16px 28px
}

.mplm-terms-box hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c3ca3e4d, #a43aab4d, transparent);
  margin-top: 56px;
  margin-bottom: 56px
}

.mplm-terms-box div {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2
}

@media (max-width: 1280px) {
  .mplm-terms-box {
    padding: 56px
  }

  .mplm-terms-box h1 {
    font-size: 50px
  }

  .mplm-terms-box h2 {
    font-size: 26px
  }
}

@media (max-width: 768px) {
  .mplm-terms-box {
    padding: 28px
  }

  .mplm-terms-box h1 {
    font-size: 26px
  }

  .mplm-terms-box h2 {
    font-size: 20px;
    margin-top: 28px
  }

  .mplm-terms-box h3 {
    font-size: 20px;
    margin-top: 28px
  }

  .mplm-terms-box h4,
  .mplm-terms-box p,
  .mplm-terms-box ul,
  .mplm-terms-box ol,
  .mplm-terms-box li,
  .mplm-terms-box div {
    font-size: 14px
  }

  .mplm-terms-box table {
    display: block;
    overflow-x: auto
  }

  .mplm-terms-box hr {
    margin-top: 28px;
    margin-bottom: 28px
  }
}

@media (max-width: 480px) {
  .mplm-terms-box {
    padding: 16px
  }

  .mplm-terms-box h1 {
    font-size: 20px
  }

  .mplm-terms-box thead th,
  .mplm-terms-box td {
    padding: 8px 16px
  }
}

.bdet {
  background-color: #111318;
  min-height: 100vh;
  overflow-x: clip;
  position: relative
}

.bdet__texture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  animation: tex-shift 18s linear infinite
}

@keyframes tex-shift {
  0% {
    background-position: 0 0
  }

  100% {
    background-position: 200px 200px
  }
}

.bdet__limit {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 28px
}

@keyframes fade-blur-in {
  from {
    opacity: 0;
    filter: blur(10px)
  }

  to {
    opacity: 1;
    filter: blur(0)
  }
}

.bdet__article-head {
  padding: 96px 0 56px;
  position: relative;
  z-index: 1
}

.bdet__article-head-inner {
  display: flex;
  flex-direction: row;
  gap: 56px;
  align-items: flex-end
}

.bdet__img-frame {
  flex: 0 0 520px;
  position: relative;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.bdet__img-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(293deg, #c3ca3e14 0%, #a43aab2e 100%);
  pointer-events: none;
  border-radius: 13px
}

.bdet__img-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  border-radius: 13px;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");
  background-repeat: repeat
}

.bdet__img-edge {
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 3px;
  background: linear-gradient(293deg, #C3CA3E 0%, #A43AAB 100%);
  border-radius: 3px;
  z-index: 3
}

.bdet__img-frame img {
  display: block;
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 13px
}

.bdet__meta-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: fade-blur-in .7s cubic-bezier(0.22, 1, 0.36, 1) both
}

.bdet__cat-label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #DDE7E5;
  background: #a43aab21;
  border-radius: 7px;
  padding: 8px 16px;
  width: fit-content
}

.bdet__cat-dot {
  width: 7px;
  height: 7px;
  border-radius: 40px;
  background: linear-gradient(293deg, #C3CA3E 0%, #A43AAB 100%);
  flex-shrink: 0
}

.bdet__art-h1 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  background: linear-gradient(293deg, #C3CA3E 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  animation: fade-blur-in .65s .1s cubic-bezier(0.22, 1, 0.36, 1) both
}

.bdet__sub {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .82
}

.bdet__byline {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap
}

.bdet__author-name {
  font-size: 14px;
  line-height: 1.1;
  color: #C3CA3E;
  letter-spacing: .04em
}

.bdet__read-time {
  font-size: 14px;
  line-height: 1.1;
  color: #DDE7E5;
  opacity: .6;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.bdet__read-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0
}

.bdet__tag-pill {
  font-size: 14px;
  line-height: 1.1;
  color: #DDE7E5;
  background: #c3ca3e1a;
  border-radius: 40px;
  padding: 8px 16px;
  letter-spacing: .05em
}

.bdet__divider {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 0 28px;
  max-width: 1600px;
  margin: 0 auto
}

.bdet__divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #c3ca3e4d, transparent)
}

.bdet__divider-gem {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  position: relative
}

.bdet__divider-gem svg {
  width: 28px;
  height: 28px
}

.bdet__body-sec {
  position: relative;
  z-index: 1;
  padding: 56px 0 96px;
  background: #14161eb3
}

.bdet__body-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 56px;
  align-items: start
}

.bdet__prose {
  display: flex;
  flex-direction: column;
  gap: 28px;
  animation: fade-blur-in .7s .18s cubic-bezier(0.22, 1, 0.36, 1) both
}

.bdet__prose-p {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0
}

.bdet__prose-p--lead {
  font-size: 26px;
  line-height: 1.6;
  color: #fff
}

.bdet__prose-h2 {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  background: linear-gradient(293deg, #A43AAB 0%, #C3CA3E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0
}

.bdet__prose-h3 {
  font-size: 20px;
  line-height: 1.1;
  color: #C3CA3E;
  margin: 0;
  letter-spacing: -.01em
}

.bdet__pullquote {
  margin: 0;
  padding: 28px;
  background: #a43aab1a;
  border-radius: 13px;
  position: relative;
  box-shadow: 0 7px 22px 0 #a43aab14
}

.bdet__pullquote::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 3px;
  background: linear-gradient(293deg, #A43AAB 0%, #C3CA3E 100%);
  border-radius: 3px
}

.bdet__pullquote-text {
  font-size: 26px;
  line-height: 1.6;
  color: #fff;
  font-style: italic;
  margin: 0 0 16px;
  display: block
}

.bdet__pullquote cite {
  font-size: 14px;
  line-height: 1.1;
  color: #C3CA3E;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-style: normal
}

.bdet__prose-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.bdet__prose-li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5
}

.bdet__li-icon {
  flex-shrink: 0;
  margin-top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: linear-gradient(293deg, #C3CA3E 0%, #A43AAB 100%)
}

.bdet__sidebar {
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: sticky;
  top: 28px;
  animation: fade-blur-in .65s .28s cubic-bezier(0.22, 1, 0.36, 1) both
}

.bdet__legend-card {
  background: #c3ca3e0d !important;
  border-radius: 13px;
  padding: 28px;
  border: 1px solid #c3ca3e1f;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.bdet__legend-title {
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #C3CA3E;
  margin: 0 0 16px
}

.bdet__legend-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.bdet__legend-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px
}

.bdet__legend-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center
}

.bdet__legend-icon--vp {
  background: #c3ca3e2e
}

.bdet__legend-icon--hp {
  background: #a43aab38
}

.bdet__legend-icon--eye {
  background: #dde7e51f
}

.bdet__legend-icon--grid {
  background: #c3ca3e1a
}

.bdet__legend-icon svg {
  width: 16px;
  height: 16px
}

.bdet__legend-desc {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.bdet__legend-term {
  font-size: 14px;
  line-height: 1.1;
  color: #C3CA3E;
  letter-spacing: .04em
}

.bdet__legend-def {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  opacity: .75;
  margin: 0
}

.bdet__like-card {
  background: #a43aab12;
  border-radius: 13px;
  padding: 28px;
  border: 1px solid #a43aab24;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 3px 6px 0 #a43aab14
}

.bdet__like-label {
  font-size: 14px;
  line-height: 1.1;
  color: #DDE7E5;
  opacity: .7;
  letter-spacing: .06em;
  text-transform: uppercase
}

.bdet__like-count {
  font-size: 50px;
  line-height: 1.1;
  background: linear-gradient(293deg, #C3CA3E 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -.02em
}

.bdet__like-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.1;
  color: #111318;
  background: linear-gradient(293deg, #C3CA3E 0%, #A43AAB 100%);
  border: none;
  border-radius: 24px;
  padding: 8px 28px;
  cursor: pointer;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s ease-in-out;
  box-shadow: 0 3px 6px 0 #c3ca3e14
}

.bdet__like-btn:hover {
  transform: scale(1.06);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.bdet__like-btn:focus-visible {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.bdet__like-btn svg {
  width: 16px;
  height: 16px
}

.bdet__back-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.1;
  color: #DDE7E5;
  background: #dde7e50f;
  border: 1px solid #dde7e51f;
  border-radius: 24px;
  padding: 8px 16px;
  text-decoration: none;
  letter-spacing: .04em;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.bdet__back-btn:hover {
  background: #c3ca3e1f;
  transform: scale(1.04)
}

.bdet__back-btn:focus-visible {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.bdet__back-btn svg {
  width: 14px;
  height: 14px
}

.bdet__prose em {
  color: #C3CA3E;
  font-style: italic
}

.bdet__prose blockquote {
  margin: 0
}

@media (max-width: 1280px) {
  .bdet__body-grid {
    grid-template-columns: 1fr 280px;
    gap: 28px
  }

  .bdet__img-frame {
    flex: 0 0 400px
  }

  .bdet__art-h1 {
    font-size: 50px
  }
}

@media (max-width: 768px) {
  .bdet__article-head-inner {
    flex-direction: column;
    gap: 28px;
    align-items: flex-start
  }

  .bdet__img-frame {
    flex: none;
    width: 100%
  }

  .bdet__img-frame img {
    height: 260px
  }

  .bdet__art-h1 {
    font-size: 50px
  }

  .bdet__body-grid {
    grid-template-columns: 1fr;
    gap: 28px
  }

  .bdet__sidebar {
    position: static
  }

  .bdet__prose-ul {
    grid-template-columns: 1fr
  }

  .bdet__article-head {
    padding: 56px 0 28px
  }
}

@media (max-width: 480px) {
  .bdet__art-h1 {
    font-size: 26px
  }

  .bdet__sub {
    font-size: 20px
  }

  .bdet__pullquote-text {
    font-size: 20px
  }
}

.sub-pg {
  background: #111318;
  color: #DDE7E5;
  overflow-x: clip;
  container-type: inline-size
}

.sub-pg .frm-decor {
  position: absolute;
  pointer-events: none
}

.sub-pg .fade-in {
  opacity: 0;
  animation: revealUp .65s cubic-bezier(0.22, 1, 0.36, 1) forwards
}

.sub-pg .fade-in--delay1 {
  animation-delay: .12s
}

.sub-pg .fade-in--delay2 {
  animation-delay: .26s
}

.sub-pg .fade-in--delay3 {
  animation-delay: .4s
}

@keyframes revealUp {
  from {
    opacity: 0;
    transform: translateY(18px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.sub-pg ::selection {
  background: #A43AAB;
  color: #DDE7E5
}

.sub-pg * {
  box-sizing: border-box
}

img {
  max-width: 100%
}

.sub-pg .grad-txt {
  background: linear-gradient(293deg, #C3CA3E, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.sub-pg .dotted-div {
  border: none;
  border-top: 2px dotted #C3CA3E;
  opacity: .35;
  margin: 0
}

.sub-pg .dotted-div--purple {
  border-top-color: #A43AAB;
  opacity: .3
}

.sub-pg .ttl-blk {
  position: relative;
  padding: 96px 56px 56px;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden
}

.sub-pg .ttl-blk__frame-top {
  position: absolute;
  top: 28px;
  left: 56px;
  right: 56px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #C3CA3E 40%, #A43AAB 70%, transparent);
  opacity: .5;
  pointer-events: none
}

.sub-pg .ttl-blk__frame-left {
  position: absolute;
  top: 28px;
  left: 56px;
  width: 1px;
  height: calc(100% - 56px);
  background: linear-gradient(180deg, #C3CA3E, transparent);
  opacity: .4;
  pointer-events: none
}

.sub-pg .ttl-blk__frame-right {
  position: absolute;
  top: 28px;
  right: 56px;
  width: 1px;
  height: calc(100% - 56px);
  background: linear-gradient(180deg, #A43AAB, transparent);
  opacity: .35;
  pointer-events: none
}

.sub-pg .ttl-blk__img-wrap {
  position: absolute;
  bottom: 0;
  right: 56px;
  width: 340px;
  height: 220px;
  opacity: .18;
  pointer-events: none
}

.sub-pg .ttl-blk__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 13px
}

.sub-pg .ttl-blk__body {
  position: relative;
  max-width: 820px
}

.sub-pg .ttl-blk__eyebrow {
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #C3CA3E;
  margin-bottom: 16px;
  line-height: 1.6
}

.sub-pg .ttl-blk__h1 {
  font-size: 66px;
  line-height: 1.1;
  letter-spacing: -.03em;
  margin: 0 0 28px
}

.sub-pg .ttl-blk__pts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.sub-pg .ttl-blk__pt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5
}

.sub-pg .ttl-blk__pt-icon {
  width: 7px;
  height: 7px;
  border-radius: 3px;
  background: #C3CA3E;
  flex-shrink: 0;
  margin-top: 8px;
  transform: rotate(45deg)
}

.sub-pg .why-blk {
  background: #16181f;
  padding: 96px 56px
}

.sub-pg .why-blk__inner {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start
}

.sub-pg .why-blk__left {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.sub-pg .why-blk__h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.025em;
  margin: 0;
  position: relative;
  padding-left: 16px
}

.sub-pg .why-blk__h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, #C3CA3E, #A43AAB)
}

.sub-pg .why-blk__p {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2;
  margin: 0
}

.sub-pg .why-blk__p--lg {
  font-size: 26px;
  color: #DDE7E5
}

.sub-pg .why-blk__right {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.sub-pg .why-card {
  background: #1c1f28;
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 7px 22px 0 #c3ca3e14;
  transition: background .55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.sub-pg .why-card:hover {
  background: #21253000;
  background: linear-gradient(135deg, #1e2130, #1a1d26);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.sub-pg .why-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 7px;
  background: linear-gradient(293deg, #C3CA3E22, #A43AAB22);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.sub-pg .why-card__icon svg {
  width: 20px;
  height: 20px
}

.sub-pg .why-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.sub-pg .why-card__h4 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0;
  color: #DDE7E5
}

.sub-pg .why-card__p {
  font-size: 14px;
  line-height: 1.6;
  color: #8e9b99;
  margin: 0
}

.sub-pg .depth-blk {
  position: relative;
  padding: 96px 56px;
  background: #111318
}

.sub-pg .depth-blk__bg-img {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: 0
}

.sub-pg .depth-blk__bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .07
}

.sub-pg .depth-blk__bg-grad {
  position: absolute;
  inset: 0;
  background: linear-gradient(293deg, #111318 30%, #a43aab2e 70%, #111318 100%);
  pointer-events: none
}

.sub-pg .depth-blk__inner {
  position: relative;
  max-width: 1600px;
  margin: 0 auto
}

.sub-pg .depth-blk__entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px
}

.sub-pg .depth-blk__entry-line {
  height: 2px;
  flex: 1;
  background: linear-gradient(90deg, #C3CA3E, transparent);
  border-radius: 3px
}

.sub-pg .depth-blk__entry-label {
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #C3CA3E
}

.sub-pg .depth-blk__entry-line--right {
  background: linear-gradient(90deg, transparent, #A43AAB)
}

.sub-pg .depth-blk__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px;
  margin-bottom: 56px
}

.sub-pg .depth-card {
  background: #1c1f28d9;
  border-radius: 24px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 3px 6px 0 #a43aab14;
  transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.sub-pg .depth-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 9px 40px 0 #a43aab1c
}

.sub-pg .depth-card--accent {
  background: linear-gradient(293deg, #c3ca3e1a, #a43aab1a);
  border: 1px solid #c3ca3e33
}

.sub-pg .depth-card__num {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.03em;
  background: linear-gradient(293deg, #C3CA3E, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.sub-pg .depth-card__label {
  font-size: 14px;
  line-height: 1.6;
  color: #8e9b99;
  text-transform: uppercase;
  letter-spacing: .08em
}

.sub-pg .depth-card__desc {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0
}

.sub-pg .depth-blk__exit {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-top: 56px
}

.sub-pg .depth-blk__exit-line {
  height: 2px;
  flex: 1;
  background: linear-gradient(90deg, transparent, #A43AAB);
  border-radius: 3px
}

.sub-pg .depth-blk__exit-label {
  font-size: 14px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #A43AAB
}

.sub-pg .depth-blk__exit-line--left {
  background: linear-gradient(90deg, #C3CA3E, transparent)
}

.sub-pg .final-blk {
  background: #13151b;
  padding: 96px 56px
}

.sub-pg .final-blk__inner {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 56px
}

.sub-pg .final-blk__top {
  display: flex;
  flex-direction: row;
  gap: 56px;
  align-items: start
}

.sub-pg .final-blk__h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.025em;
  margin: 0 0 28px
}

.sub-pg .final-blk__left {
  flex: 1
}

.sub-pg .final-blk__right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 28px
}

.sub-pg .final-blk__p {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2;
  margin: 0
}

.sub-pg .final-blk__p--lg {
  font-size: 26px;
  color: #DDE7E5
}

.sub-pg .acc-box {
  background: #c3ca3e0f;
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.sub-pg .acc-box__h5 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0;
  color: #C3CA3E
}

.sub-pg .acc-box__p {
  font-size: 14px;
  line-height: 1.6;
  color: #8e9b99;
  margin: 0
}

.sub-pg .final-blk__links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap
}

.sub-pg .lnk-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  border-radius: 40px;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.sub-pg .lnk-btn--primary {
  background: #C3CA3E;
  color: #111318;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.sub-pg .lnk-btn--primary:hover {
  background: linear-gradient(293deg, #C3CA3E, #d8de6a);
  transform: scale(1.05);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.sub-pg .lnk-btn--secondary {
  background: transparent;
  color: #A43AAB;
  border: 1px solid #A43AAB;
  box-shadow: 0 3px 6px 0 #a43aab14
}

.sub-pg .lnk-btn--secondary:hover {
  background: linear-gradient(293deg, #a43aab26, #a43aab0d);
  transform: scale(1.05);
  box-shadow: 0 9px 40px 0 #a43aab1c
}

.sub-pg .lnk-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0
}

.sub-pg .curl-decor {
  position: absolute;
  pointer-events: none;
  opacity: .07
}

@media (max-width: 1280px) {
  .sub-pg .ttl-blk {
    padding: 56px 28px
  }

  .sub-pg .ttl-blk__frame-top {
    left: 28px;
    right: 28px
  }

  .sub-pg .ttl-blk__frame-left {
    left: 28px
  }

  .sub-pg .ttl-blk__frame-right {
    right: 28px
  }

  .sub-pg .ttl-blk__img-wrap {
    right: 28px;
    width: 260px
  }

  .sub-pg .ttl-blk__h1 {
    font-size: 50px
  }

  .sub-pg .why-blk {
    padding: 56px 28px
  }

  .sub-pg .why-blk__inner {
    grid-template-columns: 1fr;
    gap: 28px
  }

  .sub-pg .depth-blk {
    padding: 56px 28px
  }

  .sub-pg .depth-blk__grid {
    grid-template-columns: 1fr 1fr
  }

  .sub-pg .final-blk {
    padding: 56px 28px
  }

  .sub-pg .final-blk__top {
    flex-direction: column;
    gap: 28px
  }
}

@media (max-width: 768px) {
  .sub-pg .ttl-blk {
    padding: 56px 16px
  }

  .sub-pg .ttl-blk__frame-top {
    left: 16px;
    right: 16px
  }

  .sub-pg .ttl-blk__frame-left {
    left: 16px
  }

  .sub-pg .ttl-blk__frame-right {
    right: 16px
  }

  .sub-pg .ttl-blk__img-wrap {
    display: none
  }

  .sub-pg .ttl-blk__h1 {
    font-size: 50px
  }

  .sub-pg .why-blk {
    padding: 56px 16px
  }

  .sub-pg .why-blk__h2 {
    font-size: 26px
  }

  .sub-pg .depth-blk {
    padding: 56px 16px
  }

  .sub-pg .depth-blk__grid {
    grid-template-columns: 1fr
  }

  .sub-pg .final-blk {
    padding: 56px 16px
  }

  .sub-pg .final-blk__h2 {
    font-size: 26px
  }

  .sub-pg .final-blk__links {
    flex-direction: column
  }
}

@media (max-width: 480px) {
  .sub-pg .ttl-blk__h1 {
    font-size: 26px
  }

  .sub-pg .ttl-blk__pt {
    font-size: 14px
  }

  .sub-pg .why-blk__p--lg {
    font-size: 20px
  }

  .sub-pg .depth-card__num {
    font-size: 26px
  }

  .sub-pg .final-blk__p--lg {
    font-size: 20px
  }
}

.blg {
  background-color: #111318;
  color: #DDE7E5;
  overflow-x: clip
}

.blg .pg-band {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 28px
}

.blg .ttl-strip {
  background: #DDE7E5;
  padding: 28px 0;
  position: relative
}

.blg .ttl-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#a33aab12 1px, transparent 1px), linear-gradient(90deg, #a33aab12 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none
}

.blg .ttl-strip__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 56px;
  position: relative;
  z-index: 1
}

.blg .ttl-strip__copy {
  flex: 1 1 0
}

.blg .ttl-strip__eyebrow {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .08em;
  color: #A43AAB;
  text-transform: uppercase;
  margin-bottom: 8px
}

.blg .ttl-strip__h1 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #111318;
  margin-bottom: 16px
}

.blg .ttl-strip__sub {
  font-size: 20px;
  line-height: 1.6;
  color: #2a2d35
}

.blg .ttl-strip__img-wrap {
  flex: 0 0 340px;
  height: 220px;
  border-radius: 13px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.blg .ttl-strip__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.blg .ttl-strip__img-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #11131873 0%, transparent 60%);
  pointer-events: none
}

.blg .posts-band {
  padding: 56px 0;
  background: #15181f
}

.blg .posts-band__lbl {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #C3CA3E;
  margin-bottom: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}

.blg .posts-band__lbl::after {
  content: '';
  flex: 1;
  border-top: 1px dashed #dde7e533
}

.blg .posts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px
}

.blg .pcard {
  background: #1c1f28;
  border-radius: 13px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  transition: box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1), transform .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .pcard:hover {
  box-shadow: 0 9px 40px 0 #c3ca3e1c;
  transform: translateY(-4px)
}

.blg .pcard__img-wrap {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0
}

.blg .pcard__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .65s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .pcard:hover .pcard__img-wrap img {
  transform: scale(1.05)
}

.blg .pcard__meta-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px 16px 0;
  flex-wrap: wrap
}

.blg .pcard__tag {
  font-size: 14px;
  line-height: 1.6;
  background: #c3ca3e21;
  color: #C3CA3E;
  border-radius: 3px;
  padding: 0 8px;
  letter-spacing: .04em
}

.blg .pcard__cat {
  font-size: 14px;
  line-height: 1.6;
  background: #a43aab26;
  color: #d47fda;
  border-radius: 3px;
  padding: 0 8px
}

.blg .pcard__read {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e580;
  margin-left: auto
}

.blg .pcard__body {
  padding: 16px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.blg .pcard__h2 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.01em;
  background: linear-gradient(293deg, #A43AAB, #DDE7E5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.blg .pcard__sub {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5a6;
  font-style: italic
}

.blg .pcard__desc {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5cc;
  flex: 1 1 auto
}

.blg .pcard__foot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #dde7e514;
  gap: 8px
}

.blg .pcard__author {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e58c
}

.blg .pcard__likes {
  font-size: 14px;
  line-height: 1.6;
  color: #c3ca3ecc;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.blg .pcard__likes-icon {
  width: 14px;
  height: 14px;
  fill: #C3CA3E;
  flex-shrink: 0
}

.blg .pcard__link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #C3CA3E;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #c3ca3e4d;
  background: transparent;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), border-color .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1);
  margin: 0 16px 16px;
  align-self: flex-start
}

.blg .pcard__link:hover {
  background: linear-gradient(293deg, #a43aab40, #c3ca3e26);
  border-color: #C3CA3E;
  transform: scale(1.04)
}

.blg .pcard__link:focus-visible {
  outline: 2px solid #C3CA3E !important;
  outline-offset: 3px !important
}

.blg .pcard__link-arrow {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0
}

.blg .depth-band {
  padding: 96px 0 56px;
  background: #111318;
  position: relative
}

.blg .depth-band__geo {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none
}

.blg .depth-band__geo svg {
  position: absolute;
  bottom: -60px;
  right: -80px;
  opacity: .04;
  width: 500px;
  height: 500px
}

.blg .depth-band__row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 56px;
  align-items: start
}

.blg .depth-band__text h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  background: linear-gradient(293deg, #A43AAB, #DDE7E5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 28px
}

.blg .depth-band__text p {
  font-size: 20px;
  line-height: 1.6;
  color: #dde7e5d9;
  margin-bottom: 16px
}

.blg .depth-band__text p+p {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5a6
}

.blg .depth-band__aside {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.blg .depth-stat {
  background: #1c1f28;
  border-radius: 13px;
  padding: 28px;
  box-shadow: 0 7px 22px 0 #a43aab14;
  position: relative
}

.blg .depth-stat__num {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #C3CA3E;
  display: block;
  margin-bottom: 8px
}

.blg .depth-stat__label {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e599;
  text-transform: uppercase;
  letter-spacing: .07em
}

.blg .depth-stat__bar {
  margin-top: 16px;
  height: 4px;
  background: #dde7e51a;
  border-radius: 3px;
  overflow: hidden
}

.blg .depth-stat__bar-fill {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  animation: barfill 1.2s cubic-bezier(0.22, 1, 0.36, 1) both
}

@keyframes barfill {
  from {
    width: 0
  }
}

.blg .depth-stat--wide .depth-stat__bar-fill {
  width: 82%
}

.blg .depth-stat--mid .depth-stat__bar-fill {
  width: 65%
}

.blg .topics-band {
  padding: 56px 0 96px;
  background: #181b24;
  position: relative
}

.blg .topics-band__spot {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, #c3ca3e0f 0%, transparent 70%);
  pointer-events: none
}

.blg .topics-band__h3 {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: #DDE7E5;
  margin-bottom: 28px;
  text-align: center
}

.blg .topics-grid {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  gap: 28px;
  align-items: start
}

.blg .topic-pill-col {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blg .topic-pill {
  border-radius: 24px;
  padding: 16px 28px;
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5cc;
  background: #1c1f28;
  border: 1px solid #dde7e51a;
  transition: background .6s cubic-bezier(0.22, 1, 0.36, 1), border-color .6s cubic-bezier(0.22, 1, 0.36, 1);
  cursor: default
}

.blg .topic-pill:hover {
  background: linear-gradient(293deg, #a43aab33, #c3ca3e1a);
  border-color: #c3ca3e66
}

.blg .topic-pill--accent {
  color: #C3CA3E;
  border-color: #c3ca3e4d
}

.blg .topics-center {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center
}

.blg .topics-center__q {
  font-size: 26px;
  line-height: 1.6;
  color: #DDE7E5;
  text-align: center
}

.blg .topics-center__body {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5a6;
  text-align: center;
  max-width: 480px
}

.blg .topics-center__cta {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  border-radius: 7px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  color: #111318;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .04em;
  transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.blg .topics-center__cta:hover {
  transform: scale(1.05);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.blg .topics-center__cta:focus-visible {
  outline: 2px solid #DDE7E5 !important;
  outline-offset: 3px !important
}

.blg .topics-center__cta-icon {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0
}

.blg .subscribe-band {
  padding: 96px 0;
  background: #15181f;
  position: relative
}

.blg .subscribe-band__entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px
}

.blg .subscribe-band__entry-dot {
  width: 10px;
  height: 10px;
  border-radius: 40px;
  background: #C3CA3E;
  flex-shrink: 0
}

.blg .subscribe-band__entry-lbl {
  font-size: 14px;
  line-height: 1.6;
  color: #C3CA3E;
  letter-spacing: .08em;
  text-transform: uppercase
}

.blg .subscribe-band__exit {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-top: 28px
}

.blg .subscribe-band__exit-line {
  flex: 1;
  border-top: 2px dashed #c3ca3e40
}

.blg .subscribe-band__exit-lbl {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e559;
  letter-spacing: .06em;
  text-transform: uppercase
}

.blg .subscribe-inner {
  background: #1c1f28;
  border-radius: 24px;
  padding: 56px;
  box-shadow: 0 9px 40px 0 #a43aab1c;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center
}

.blg .subscribe-copy__h3 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  background: linear-gradient(293deg, #A43AAB, #DDE7E5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 16px
}

.blg .subscribe-copy__p {
  font-size: 20px;
  line-height: 1.6;
  color: #dde7e5cc;
  margin-bottom: 8px
}

.blg .subscribe-copy__note {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e573
}

.blg .subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blg .subscribe-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.blg .subscribe-form__label {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5a6;
  letter-spacing: .06em;
  text-transform: uppercase
}

.blg .subscribe-form__input {
  background: #111318;
  border: 1px solid #dde7e526;
  border-radius: 7px;
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  outline: none;
  transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.blg .subscribe-form__input::placeholder {
  color: #dde7e54d;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .05em
}

.blg .subscribe-form__input:focus {
  border-color: #C3CA3E;
  box-shadow: 0 3px 6px 0 #c3ca3e14
}

.blg .subscribe-form__input:focus-visible {
  outline: 2px solid #C3CA3E !important;
  outline-offset: 2px !important
}

.blg .subscribe-form__btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 28px;
  border-radius: 7px;
  background: #C3CA3E;
  color: #111318;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .04em;
  border: none;
  cursor: pointer;
  transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1), background .55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 3px 6px 0 #c3ca3e14
}

.blg .subscribe-form__btn:hover {
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  transform: scale(1.04);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.blg .subscribe-form__btn:focus-visible {
  outline: 2px solid #DDE7E5 !important;
  outline-offset: 3px !important
}

.blg .subscribe-form__btn-icon {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0
}

.blg .load-anim {
  animation: blurtosharp .7s cubic-bezier(0.22, 1, 0.36, 1) both
}

@keyframes blurtosharp {
  from {
    filter: blur(8px);
    opacity: 0
  }

  to {
    filter: blur(0);
    opacity: 1
  }
}

@media (max-width: 1280px) {
  .blg .posts-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .blg .depth-band__row {
    grid-template-columns: 1fr;
    gap: 28px
  }

  .blg .depth-band__aside {
    flex-direction: row
  }

  .blg .depth-stat {
    flex: 1
  }

  .blg .topics-grid {
    grid-template-columns: 1fr 2fr
  }

  .blg .topics-grid .topic-pill-col:last-child {
    display: none
  }

  .blg .subscribe-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px
  }
}

@media (max-width: 768px) {
  .blg .ttl-strip__row {
    flex-direction: column;
    gap: 28px
  }

  .blg .ttl-strip__img-wrap {
    flex: none;
    width: 100%;
    height: 180px
  }

  .blg .ttl-strip__h1 {
    font-size: 26px
  }

  .blg .posts-grid {
    grid-template-columns: 1fr
  }

  .blg .topics-grid {
    grid-template-columns: 1fr
  }

  .blg .topics-grid .topic-pill-col:last-child {
    display: none
  }

  .blg .depth-band__aside {
    flex-direction: column
  }

  .blg .depth-band__text h2 {
    font-size: 26px
  }

  .blg .subscribe-copy__h3 {
    font-size: 26px
  }

  .blg .subscribe-inner {
    padding: 28px 16px
  }
}

@media (max-width: 480px) {
  .blg .pg-band {
    padding: 0 16px
  }

  .blg .ttl-strip {
    padding: 16px 0
  }

  .blg .pcard__meta-top {
    flex-wrap: wrap
  }

  .blg .subscribe-band {
    padding: 56px 0
  }
}

.ctus {
  background: #111318;
  min-height: 100vh;
  overflow: hidden;
  position: relative
}

.ctus__wave-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden
}

.ctus__wave-bg::before {
  content: '';
  position: absolute;
  top: -60%;
  left: -20%;
  width: 140%;
  height: 200%;
  background: linear-gradient(293deg, #c3ca3e0a 0%, #a43aab0f 50%, transparent 100%);
  animation: wavemove 9s ease-in-out infinite alternate;
  border-radius: 40px
}

.ctus__wave-bg::after {
  content: '';
  position: absolute;
  bottom: -40%;
  right: -10%;
  width: 80%;
  height: 120%;
  background: linear-gradient(293deg, #a43aab0d 0%, #c3ca3e08 100%);
  animation: wavemove2 12s ease-in-out infinite alternate;
  border-radius: 40px
}

@keyframes wavemove {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg)
  }

  100% {
    transform: translateX(3%) translateY(2%) rotate(2deg)
  }
}

@keyframes wavemove2 {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg)
  }

  100% {
    transform: translateX(-4%) translateY(-3%) rotate(-3deg)
  }
}

.ctus__dots-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden
}

.ctus__dot {
  position: absolute;
  border-radius: 40px;
  background: #c3ca3e2e
}

.ctus__dot--a {
  width: 6px;
  height: 6px;
  top: 8%;
  left: 2%
}

.ctus__dot--b {
  width: 3px;
  height: 3px;
  top: 14%;
  left: 4%;
  background: #a43aab40
}

.ctus__dot--c {
  width: 8px;
  height: 8px;
  top: 22%;
  left: 1%
}

.ctus__dot--d {
  width: 4px;
  height: 4px;
  top: 35%;
  left: 3%;
  background: #a43aab33
}

.ctus__dot--e {
  width: 5px;
  height: 5px;
  top: 50%;
  left: 1.5%
}

.ctus__dot--f {
  width: 3px;
  height: 3px;
  top: 65%;
  left: 3.5%;
  background: #a43aab38
}

.ctus__dot--g {
  width: 7px;
  height: 7px;
  top: 78%;
  left: 2%
}

.ctus__dot--h {
  width: 4px;
  height: 4px;
  top: 90%;
  left: 4%;
  background: #a43aab2e
}

.ctus__dot--i {
  width: 5px;
  height: 5px;
  top: 8%;
  right: 2%;
  background: #a43aab33
}

.ctus__dot--j {
  width: 3px;
  height: 3px;
  top: 20%;
  right: 4%
}

.ctus__dot--k {
  width: 8px;
  height: 8px;
  top: 33%;
  right: 1.5%;
  background: #a43aab40
}

.ctus__dot--l {
  width: 4px;
  height: 4px;
  top: 48%;
  right: 3%
}

.ctus__dot--m {
  width: 6px;
  height: 6px;
  top: 62%;
  right: 2%;
  background: #a43aab33
}

.ctus__dot--n {
  width: 3px;
  height: 3px;
  top: 75%;
  right: 4%
}

.ctus__dot--o {
  width: 5px;
  height: 5px;
  top: 88%;
  right: 2.5%;
  background: #a43aab38
}

.ctus__reach {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 0 auto;
  padding: 96px 56px 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start
}

.ctus__left {
  padding-top: 56px
}

.ctus__bracket-wrap {
  position: relative;
  display: inline-block;
  padding: 16px 28px
}

.ctus__bracket-wrap::before,
.ctus__bracket-wrap::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-color: #C3CA3E;
  border-style: solid
}

.ctus__bracket-wrap::before {
  top: 0;
  left: 0;
  border-width: 2px 0 0 2px;
  border-radius: 3px 0 0 0
}

.ctus__bracket-wrap::after {
  bottom: 0;
  right: 0;
  border-width: 0 2px 2px 0;
  border-radius: 0 0 3px 0
}

.ctus__label {
  font-size: 14px;
  color: #C3CA3E;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.6
}

.ctus__h1 {
  font-size: 66px;
  line-height: 1.1;
  letter-spacing: -.03em;
  margin: 28px 0 16px;
  background: linear-gradient(293deg, #A43AAB, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.ctus__accent-phrase {
  display: inline;
  background: #a43aab26;
  border-radius: 7px;
  padding: 0 8px;
  -webkit-text-fill-color: #DDE7E5;
  background-clip: unset;
  -webkit-background-clip: unset
}

.ctus__intro-large {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0 0 28px
}

.ctus__body {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5b8;
  margin: 0 0 28px
}

.ctus__indicators {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  margin: 28px 0 0
}

.ctus__ind {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px
}

.ctus__ind-circle {
  width: 52px;
  height: 52px;
  border-radius: 40px;
  border: 2px solid #c3ca3e59;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #C3CA3E;
  line-height: 1.1;
  transition: border-color .55s cubic-bezier(0.22, 1, 0.36, 1), background .55s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative
}

.ctus__ind-circle::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 40px;
  background: #c3ca3e0f
}

.ctus__ind:hover .ctus__ind-circle {
  border-color: #C3CA3E;
  background: #c3ca3e1a
}

.ctus__ind-label {
  font-size: 14px;
  color: #dde7e599;
  line-height: 1.6;
  text-align: center
}

.ctus__ind-sep {
  width: 24px;
  height: 1px;
  background: #c3ca3e40;
  margin-top: -20px
}

.ctus__right {
  position: relative
}

.ctus__form-glass {
  background: #ffffff0a;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid #c3ca3e21;
  border-radius: 24px;
  padding: 56px;
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.ctus__form-heading {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #DDE7E5;
  margin: 0 0 8px
}

.ctus__form-sub {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e599;
  margin: 0 0 28px
}

.ctus__field-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 28px
}

.ctus__field-label {
  font-size: 14px;
  color: #dde7e5bf;
  line-height: 1.6;
  letter-spacing: .06em;
  text-transform: uppercase
}

.ctus__input {
  background: #ffffff0d;
  border: 1px solid #c3ca3e33;
  border-radius: 13px;
  padding: 16px;
  font-size: 14px;
  color: #DDE7E5;
  line-height: 1.6;
  outline: none;
  transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
  box-sizing: border-box
}

.ctus__input::placeholder {
  color: #dde7e54d;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .07em
}

.ctus__input:focus {
  border-color: #C3CA3E;
  background: #c3ca3e0f
}

.ctus__radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 28px
}

.ctus__radio-label {
  font-size: 14px;
  color: #dde7e5bf;
  line-height: 1.6;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block
}

.ctus__radio-opts {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.ctus__radio-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  padding: 16px;
  border-radius: 13px;
  border: 1px solid #c3ca3e24;
  background: #ffffff08;
  transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), background .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.ctus__radio-item:hover {
  border-color: #c3ca3e66;
  background: #c3ca3e0f
}

.ctus__radio-item input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 40px;
  border: 2px solid #c3ca3e66;
  background: transparent;
  flex-shrink: 0;
  cursor: pointer;
  transition: border-color .45s cubic-bezier(0.22, 1, 0.36, 1), background .45s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative
}

.ctus__radio-item input[type="radio"]:checked {
  border-color: #C3CA3E;
  background: radial-gradient(circle at 50% 50%, #C3CA3E 35%, transparent 65%)
}

.ctus__radio-item input[type="radio"]:focus {
  outline: 2px solid #C3CA3E;
  outline-offset: 2px
}

.ctus__radio-text {
  font-size: 14px;
  color: #DDE7E5;
  line-height: 1.6
}

.ctus__privacy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 28px;
  padding: 16px;
  border-radius: 13px;
  background: #a43aab12;
  border: 1px solid #a43aab26
}

.ctus__privacy-check {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 7px;
  border: 2px solid #a43aab80;
  background: transparent;
  flex-shrink: 0;
  cursor: pointer;
  margin-top: 2px;
  transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative
}

.ctus__privacy-check:checked {
  border-color: #A43AAB;
  background: #A43AAB
}

.ctus__privacy-check:checked::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg)
}

.ctus__privacy-check:focus {
  outline: 2px solid #A43AAB;
  outline-offset: 2px
}

.ctus__privacy-text {
  font-size: 14px;
  color: #dde7e5b3;
  line-height: 1.6
}

.ctus__privacy-text a {
  color: #A43AAB;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.ctus__privacy-text a:hover {
  color: #C3CA3E
}

.ctus__submit {
  width: 100%;
  padding: 16px 28px;
  border-radius: 13px;
  border: none;
  background: linear-gradient(293deg, #C3CA3E, #A43AAB);
  color: #111318;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.01em;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 7px 22px 0 #c3ca3e14;
  font-weight: 700
}

.ctus__submit:hover {
  transform: scale(1.03);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.ctus__submit:focus {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.ctus__submit-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0
}

.ctus__divider {
  position: relative;
  z-index: 2;
  height: 28px;
  overflow: hidden
}

.ctus__divider-band {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #A43AAB 0%, #c3ca3e66 50%, transparent 100%);
  opacity: .35
}

.ctus__detail {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 0 auto;
  padding: 56px 56px 96px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 56px;
  align-items: stretch
}

.ctus__img-wrap {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 9px 40px 0 #a43aab1c;
  min-height: 360px
}

.ctus__img-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, #111318bf 0%, transparent 100%);
  pointer-events: none
}

.ctus__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: sepia(15%) saturate(110%) brightness(0.85)
}

.ctus__img-text {
  position: absolute;
  bottom: 28px;
  left: 28px;
  right: 28px;
  z-index: 2
}

.ctus__img-heading {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.02em;
  background: linear-gradient(293deg, #C3CA3E, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 8px
}

.ctus__img-body {
  font-size: 14px;
  line-height: 1.6;
  color: #dde7e5d1;
  margin: 0
}

.ctus__contact-panel {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.ctus__contact-card {
  background: #ffffff0a;
  border: 1px solid #c3ca3e21;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  transition: border-color .6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.ctus__contact-card:hover {
  border-color: #c3ca3e59;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.ctus__contact-card-label {
  font-size: 14px;
  color: #dde7e58c;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.6;
  margin: 0 0 8px
}

.ctus__contact-card-val {
  font-size: 20px;
  line-height: 1.1;
  color: #DDE7E5;
  margin: 0
}

.ctus__contact-card-val a {
  color: #C3CA3E;
  text-decoration: none;
  transition: color .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.ctus__contact-card-val a:hover {
  color: #A43AAB
}

.ctus__blink-block {
  background: #a43aab14;
  border: 1px solid #a43aab33;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 3px 6px 0 #a43aab14
}

.ctus__blink-label {
  font-size: 14px;
  color: #dde7e58c;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.6;
  margin: 0 0 8px
}

.ctus__blink-text {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #C3CA3E;
  width: 0;
  animation: typereveal 3.5s steps(38, end) .5s forwards, cursorblink .8s step-end .5s infinite
}

@keyframes typereveal {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@keyframes cursorblink {

  0%,
  100% {
    border-color: #C3CA3E
  }

  50% {
    border-color: transparent
  }
}

@media (max-width: 1280px) {
  .ctus__reach {
    padding: 56px 28px;
    gap: 28px
  }

  .ctus__detail {
    padding: 56px 28px;
    gap: 28px
  }

  .ctus__h1 {
    font-size: 50px
  }

  .ctus__form-glass {
    padding: 28px
  }
}

@media (max-width: 768px) {
  .ctus__reach {
    grid-template-columns: 1fr;
    padding: 56px 16px 28px;
    gap: 28px
  }

  .ctus__detail {
    grid-template-columns: 1fr;
    padding: 28px 16px 56px;
    gap: 28px
  }

  .ctus__left {
    padding-top: 0
  }

  .ctus__h1 {
    font-size: 50px
  }

  .ctus__img-wrap {
    min-height: 260px
  }

  .ctus__indicators {
    flex-wrap: wrap
  }
}

@media (max-width: 480px) {
  .ctus__h1 {
    font-size: 50px
  }

  .ctus__form-glass {
    padding: 16px
  }

  .ctus__reach {
    padding: 28px 16px 16px
  }

  .ctus__detail {
    padding: 16px 16px 56px
  }
}

.abt-auth {
  background: #111318;
  color: #DDE7E5;
  overflow: hidden
}

.abt-auth .pg-intro {
  max-width: 1600px;
  margin: 0 auto;
  padding: 96px 56px 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start
}

.abt-auth .pg-intro__text-col {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 56px
}

.abt-auth .pg-intro__label {
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #C3CA3E;
  line-height: 1.1
}

.abt-auth .pg-intro__desc {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2;
  max-width: 480px
}

.abt-auth .pg-intro__name {
  font-size: 66px;
  line-height: 1.1;
  letter-spacing: -.03em;
  background: linear-gradient(293deg, #A43AAB, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0
}

.abt-auth .pg-intro__role {
  font-size: 26px;
  line-height: 1.1;
  color: #C3CA3E;
  letter-spacing: -.01em
}

.abt-auth .pg-intro__body {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2
}

.abt-auth .pg-intro__img-col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.abt-auth .pg-intro__img-deco {
  position: absolute;
  top: -28px;
  right: -28px;
  width: 260px;
  height: 260px;
  background: radial-gradient(ellipse at 80% 20%, #a43aab2e 0%, transparent 70%);
  border-radius: 40px;
  z-index: 0;
  pointer-events: none
}

.abt-auth .pg-intro__img-frame {
  width: 100%;
  max-width: 540px;
  height: 600px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: 0 9px 40px 0 #c3ca3e1c;
  filter: sepia(0.18) saturate(1.1) brightness(0.92)
}

.abt-auth .pg-intro__img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%
}

.abt-auth .pg-intro__divider {
  height: 2px;
  background: linear-gradient(293deg, #A43AAB 0%, #C3CA3E 100%);
  border-radius: 3px;
  width: 80px
}

.abt-auth .expertise-strip {
  background: #16191f;
  padding: 56px 0;
  position: relative;
  overflow: hidden
}

.abt-auth .expertise-strip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(#c3ca3e0f 1px, transparent 1px), linear-gradient(90deg, #c3ca3e0f 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none
}

.abt-auth .expertise-strip__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 56px;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 56px;
  align-items: center;
  position: relative;
  z-index: 1
}

.abt-auth .expertise-strip__stat {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abt-auth .expertise-strip__stat-num {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.03em;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.abt-auth .expertise-strip__stat-label {
  font-size: 14px;
  line-height: 1.6;
  color: #8a9896;
  text-transform: uppercase;
  letter-spacing: .08em
}

.abt-auth .expertise-strip__ratio-block {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abt-auth .expertise-strip__ratio-heading {
  font-size: 20px;
  line-height: 1.1;
  color: #DDE7E5;
  letter-spacing: -.01em
}

.abt-auth .expertise-strip__bar-row {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abt-auth .expertise-strip__bar-item {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.abt-auth .expertise-strip__bar-labels {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.abt-auth .expertise-strip__bar-name {
  font-size: 14px;
  color: #b8c4c2;
  line-height: 1.1
}

.abt-auth .expertise-strip__bar-pct {
  font-size: 14px;
  color: #C3CA3E;
  line-height: 1.1
}

.abt-auth .expertise-strip__bar-track {
  height: 7px;
  background: #dde7e51a;
  border-radius: 7px;
  overflow: hidden
}

.abt-auth .expertise-strip__bar-fill {
  height: 100%;
  border-radius: 7px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  transition: width .65s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .deep-dive {
  max-width: 1600px;
  margin: 0 auto;
  padding: 96px 56px;
  display: grid;
  grid-template-columns: 5fr 4fr;
  gap: 56px;
  align-items: start
}

.abt-auth .deep-dive__left {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.abt-auth .deep-dive__eyebrow {
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #A43AAB;
  line-height: 1.1
}

.abt-auth .deep-dive__heading {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.025em;
  background: linear-gradient(293deg, #A43AAB, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0
}

.abt-auth .deep-dive__para--lead {
  font-size: 26px;
  line-height: 1.6;
  color: #DDE7E5
}

.abt-auth .deep-dive__para {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2
}

.abt-auth .deep-dive__accent {
  display: inline;
  background: #a43aab26;
  border-radius: 3px;
  padding: 0 8px;
  color: #DDE7E5
}

.abt-auth .deep-dive__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0
}

.abt-auth .deep-dive__list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #b8c4c2
}

.abt-auth .deep-dive__list-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px
}

.abt-auth .deep-dive__right {
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative
}

.abt-auth .deep-dive__img-wrap {
  width: 100%;
  height: 380px;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 7px 22px 0 #a43aab14
}

.abt-auth .deep-dive__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%
}

.abt-auth .deep-dive__quote-card {
  background: #1a1e26;
  border-radius: 13px;
  padding: 28px;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.abt-auth .deep-dive__quote-mark {
  width: 32px;
  height: 24px
}

.abt-auth .deep-dive__quote-text {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  font-style: italic
}

.abt-auth .deep-dive__quote-attr {
  font-size: 14px;
  color: #C3CA3E;
  line-height: 1.1;
  letter-spacing: .06em;
  text-transform: uppercase
}

.abt-auth .deep-dive__cta-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap
}

.abt-auth .btn-primary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #C3CA3E;
  color: #111318;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 16px 28px;
  border-radius: 7px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background .55s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: 0 3px 6px 0 #c3ca3e14
}

.abt-auth .btn-primary:hover {
  background: linear-gradient(293deg, #C3CA3E, #a8b030);
  transform: scale(1.04);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.abt-auth .btn-primary:focus {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.abt-auth .btn-ghost {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #DDE7E5;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 16px 28px;
  border-radius: 7px;
  text-decoration: none;
  border: 1px solid #dde7e533;
  cursor: pointer;
  transition: border-color .5s cubic-bezier(0.22, 1, 0.36, 1), background .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .btn-ghost:hover {
  border-color: #A43AAB;
  background: #a43aab14;
  transform: scale(1.04)
}

.abt-auth .btn-ghost:focus {
  outline: 2px solid #A43AAB;
  outline-offset: 3px
}

.abt-auth .geom-strip {
  position: relative;
  overflow: hidden
}

.abt-auth .geom-strip__motif {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  pointer-events: none;
  z-index: 0
}

.abt-auth .geom-strip__dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #c3ca3e40
}

.abt-auth .abt-third {
  background: #13161b;
  position: relative;
  overflow: hidden
}

.abt-auth .abt-third__bg-grad {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 50%, #a43aab12 0%, transparent 65%);
  pointer-events: none
}

.abt-auth .abt-third__inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 56px 56px 96px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 56px
}

.abt-auth .abt-third__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center
}

.abt-auth .abt-third__img-wrap {
  width: 100%;
  height: 340px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 9px 40px 0 #a43aab1c
}

.abt-auth .abt-third__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: 100%
}

.abt-auth .abt-third__text-col {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.abt-auth .abt-third__heading {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.025em;
  background: linear-gradient(293deg, #A43AAB, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0
}

.abt-auth .abt-third__para--lead {
  font-size: 26px;
  line-height: 1.6;
  color: #DDE7E5
}

.abt-auth .abt-third__para {
  font-size: 20px;
  line-height: 1.6;
  color: #b8c4c2
}

.abt-auth .abt-third__topics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}

.abt-auth .abt-third__topic-card {
  background: #1a1e26;
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  transition: box-shadow .6s cubic-bezier(0.22, 1, 0.36, 1), background .6s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  overflow: hidden
}

.abt-auth .abt-third__topic-card:hover {
  background: #1e2330;
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.abt-auth .abt-third__topic-card:hover .abt-third__topic-icon {
  animation: icon-settle .65s cubic-bezier(0.22, 1, 0.36, 1) forwards
}

@keyframes icon-settle {
  0% {
    transform: rotate(0deg)
  }

  60% {
    transform: rotate(360deg)
  }

  80% {
    transform: rotate(340deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.abt-auth .abt-third__topic-card:hover .abt-third__topic-label::after {
  width: 100%
}

.abt-auth .abt-third__topic-icon {
  width: 36px;
  height: 36px;
  display: block
}

.abt-auth .abt-third__topic-label {
  font-size: 20px;
  line-height: 1.1;
  color: #DDE7E5;
  letter-spacing: -.01em;
  position: relative;
  display: inline-block;
  padding-bottom: 4px
}

.abt-auth .abt-third__topic-label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  border-radius: 3px;
  transition: width .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.abt-auth .abt-third__topic-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #8a9896
}

.abt-auth .abt-third__sub-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
  background: #c3ca3e0f;
  border-radius: 13px;
  padding: 28px
}

.abt-auth .abt-third__sub-text {
  flex: 1;
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5
}

@media (max-width: 1280px) {
  .abt-auth .pg-intro {
    padding: 56px 28px 28px;
    gap: 28px
  }

  .abt-auth .pg-intro__name {
    font-size: 50px
  }

  .abt-auth .expertise-strip__inner {
    padding: 0 28px;
    gap: 28px
  }

  .abt-auth .deep-dive {
    padding: 56px 28px;
    gap: 28px
  }

  .abt-auth .abt-third__inner {
    padding: 28px 28px 56px;
    gap: 28px
  }

  .abt-auth .abt-third__topics {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width: 768px) {
  .abt-auth .pg-intro {
    grid-template-columns: 1fr;
    padding: 56px 16px 28px
  }

  .abt-auth .pg-intro__img-col {
    align-items: stretch
  }

  .abt-auth .pg-intro__img-frame {
    max-width: 100%;
    height: 340px
  }

  .abt-auth .pg-intro__text-col {
    padding-top: 0;
    order: 2
  }

  .abt-auth .pg-intro__img-col {
    order: 1
  }

  .abt-auth .expertise-strip__inner {
    grid-template-columns: 1fr 1fr;
    padding: 0 16px
  }

  .abt-auth .expertise-strip__ratio-block {
    grid-column: 1 / -1
  }

  .abt-auth .deep-dive {
    grid-template-columns: 1fr;
    padding: 56px 16px
  }

  .abt-auth .deep-dive__list {
    grid-template-columns: 1fr
  }

  .abt-auth .abt-third__inner {
    padding: 28px 16px 56px
  }

  .abt-auth .abt-third__top {
    grid-template-columns: 1fr
  }

  .abt-auth .abt-third__topics {
    grid-template-columns: 1fr
  }

  .abt-auth .abt-third__sub-row {
    flex-direction: column;
    align-items: flex-start
  }
}

@media (max-width: 480px) {
  .abt-auth .pg-intro__name {
    font-size: 50px
  }

  .abt-auth .deep-dive__heading {
    font-size: 26px
  }

  .abt-auth .abt-third__heading {
    font-size: 26px
  }

  .abt-auth .expertise-strip__inner {
    grid-template-columns: 1fr
  }

  .abt-auth .deep-dive__cta-row {
    flex-direction: column;
    align-items: flex-start
  }
}

.rt {
  background: #181820;
  color: #DDE7E5;
  overflow-x: clip;
  position: relative
}

.rt * {
  box-sizing: border-box
}

.rt img {
  max-width: 100%;
  object-fit: cover
}

.rt a {
  color: inherit;
  text-decoration: none
}

.rt__band {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(293deg, #C3CA3E, #ffffff22);
  border-radius: 0 3px 3px 0;
  pointer-events: none
}

@keyframes diagReveal {
  0% {
    opacity: 0;
    transform: translate(-18px, 18px)
  }

  100% {
    opacity: 1;
    transform: translate(0, 0)
  }
}

.rt__anim-0 {
  animation: diagReveal .55s cubic-bezier(0.22, 1, 0.36, 1) .05s both
}

.rt__anim-1 {
  animation: diagReveal .6s cubic-bezier(0.22, 1, 0.36, 1) .15s both
}

.rt__anim-2 {
  animation: diagReveal .65s cubic-bezier(0.22, 1, 0.36, 1) .25s both
}

.rt__anim-3 {
  animation: diagReveal .7s cubic-bezier(0.22, 1, 0.36, 1) .35s both
}

.rt__hero {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 13px 13px
}

.rt__hero-img-strip {
  width: 220px;
  min-width: 220px;
  position: relative;
  flex-shrink: 0;
  overflow: hidden
}

.rt__hero-img-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.rt__hero-img-strip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(293deg, #C3CA3E88, #181820dd);
  pointer-events: none
}

.rt__hero-curves {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1
}

.rt__hero-curves svg {
  position: absolute;
  right: -40px;
  top: -20px;
  width: 320px;
  opacity: .13
}

.rt__hero-body {
  flex: 1;
  padding: 56px;
  background: linear-gradient(180deg, #1e1e2a 0%, #181820 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  position: relative
}

.rt__hero-eyebrow {
  font-size: 14px;
  letter-spacing: .12em;
  color: #C3CA3E;
  text-transform: uppercase;
  line-height: 1.1
}

.rt__hero-h1 {
  font-size: 66px;
  line-height: 1.1;
  letter-spacing: -.03em;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

@media (max-width: 768px) {
  .rt__hero {
    flex-direction: column
  }

  .rt__hero-img-strip {
    width: 100%;
    min-width: 0;
    height: 180px
  }

  .rt__hero-body {
    padding: 28px 16px
  }

  .rt__hero-h1 {
    font-size: 50px
  }
}

@media (max-width: 480px) {
  .rt__hero-h1 {
    font-size: 26px
  }

  .rt__hero-body {
    padding: 16px
  }
}

.rt__posts-wrap {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 0 56px;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 28px;
  position: relative
}

.rt__posts-main {
  display: flex;
  flex-direction: column;
  gap: 28px
}

.rt__posts-side {
  display: flex;
  flex-direction: column;
  gap: 28px
}

@media (max-width: 1280px) {
  .rt__posts-wrap {
    grid-template-columns: 1fr;
    padding: 0 28px
  }
}

@media (max-width: 768px) {
  .rt__posts-wrap {
    padding: 0 16px;
    margin-top: 28px
  }
}

.rt__post-card {
  display: flex;
  flex-direction: row;
  gap: 28px;
  background: #1e1e2a;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 7px 22px 0 #c3ca3e14;
  transition: box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1), transform .5s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative
}

.rt__post-card:hover {
  box-shadow: 0 9px 40px 0 #c3ca3e1c;
  transform: translateY(-3px)
}

.rt__post-card-strip {
  width: 5px;
  min-width: 5px;
  background: #A43AAB;
  flex-shrink: 0;
  transition: width .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__post-card:hover .rt__post-card-strip {
  width: 10px
}

.rt__post-card-img-box {
  width: 200px;
  min-width: 200px;
  height: 160px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  border-radius: 7px;
  margin: 16px 0
}

.rt__post-card-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__post-card-img-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(293deg, #A43AAB66, transparent);
  opacity: 0;
  transition: opacity .55s ease-in-out;
  pointer-events: none;
  border-radius: 7px
}

.rt__post-card:hover .rt__post-card-img-box::after {
  opacity: 1
}

.rt__post-card:hover .rt__post-card-img-box img {
  transform: scale(1.06)
}

.rt__post-card-body {
  flex: 1;
  padding: 16px 16px 16px 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.rt__post-tag {
  font-size: 14px;
  color: #C3CA3E;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.1
}

.rt__post-h2 {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__post-sub {
  font-size: 14px;
  color: #DDE7E5;
  line-height: 1.6;
  opacity: .75
}

.rt__post-desc {
  font-size: 14px;
  color: #DDE7E5;
  line-height: 1.6;
  flex: 1
}

.rt__post-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap
}

.rt__post-meta-item {
  font-size: 14px;
  color: #DDE7E5;
  opacity: .6;
  line-height: 1.1
}

.rt__post-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C3CA3E;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #C3CA3E44;
  background: transparent;
  align-self: flex-start;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .5s ease-in-out
}

.rt__post-link:hover {
  background: linear-gradient(293deg, #C3CA3E22, #A43AAB22);
  transform: scale(1.04);
  box-shadow: 0 3px 6px 0 #c3ca3e14
}

.rt__post-link-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-top: 2px solid #C3CA3E;
  border-right: 2px solid #C3CA3E;
  transform: rotate(45deg);
  flex-shrink: 0
}

@media (max-width: 768px) {
  .rt__post-card {
    flex-direction: column
  }

  .rt__post-card-img-box {
    width: 100%;
    min-width: 0;
    height: 180px;
    margin: 0;
    border-radius: 0
  }

  .rt__post-card-body {
    padding: 16px
  }

  .rt__post-card-strip {
    width: 100%;
    min-width: 0;
    height: 5px
  }

  .rt__post-card:hover .rt__post-card-strip {
    width: 100%;
    height: 10px
  }
}

.rt__side-underrated {
  background: linear-gradient(180deg, #221e2e 0%, #1a1826 100%);
  border-radius: 13px;
  padding: 28px;
  box-shadow: 0 7px 22px 0 #a43aab14;
  position: relative;
  overflow: hidden
}

.rt__side-underrated::before {
  content:"{";
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 120px;
  color: #A43AAB;
  opacity: .07;
  line-height: 1;
  pointer-events: none;
  font-weight: 700
}

.rt__side-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #A43AAB;
  line-height: 1.1;
  margin-bottom: 16px
}

.rt__side-h3 {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.01em;
  margin: 0 0 16px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__side-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.rt__side-list__item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #DDE7E5;
  line-height: 1.6
}

.rt__side-list__item-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #C3CA3E;
  flex-shrink: 0;
  margin-top: 7px
}

.rt__rhythm-section {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 56px;
  background: linear-gradient(180deg, #1a1826 0%, #181820 100%);
  position: relative;
  border-radius: 24px
}

.rt__rhythm-section .rt__band {
  border-radius: 24px 0 0 24px
}

.rt__rhythm-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 28px
}

.rt__rhythm-card {
  background: #22202e;
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  transition: box-shadow .6s ease-in-out, transform .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__rhythm-card:hover {
  box-shadow: 0 9px 40px 0 #c3ca3e1c;
  transform: translateY(-2px)
}

.rt__rhythm-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 7px;
  background: linear-gradient(293deg, #A43AAB33, #C3CA3E22);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.rt__rhythm-card__icon svg {
  width: 20px;
  height: 20px
}

.rt__rhythm-card__h4 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__rhythm-card__p {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .82
}

@media (max-width: 1280px) {
  .rt__rhythm-section {
    padding: 28px;
    margin: 28px 28px 0
  }

  .rt__rhythm-inner {
    grid-template-columns: 1fr 1fr
  }
}

@media (max-width: 768px) {
  .rt__rhythm-section {
    margin: 28px 16px 0;
    padding: 28px 16px
  }

  .rt__rhythm-inner {
    grid-template-columns: 1fr
  }
}

.rt__adjacent-section {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 0 56px
}

.rt__adjacent-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.rt__adj-card {
  border-radius: 13px;
  overflow: hidden;
  position: relative;
  height: 220px;
  box-shadow: 0 7px 22px 0 #a43aab14;
  transition: transform .55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .6s ease-in-out
}

.rt__adj-card:hover {
  transform: scale(1.03);
  box-shadow: 0 9px 40px 0 #a43aab1c
}

.rt__adj-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .65s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__adj-card:hover img {
  transform: scale(1.08)
}

.rt__adj-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, #181820ee 100%);
  pointer-events: none
}

.rt__adj-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  z-index: 2
}

.rt__adj-card-topic {
  font-size: 14px;
  color: #C3CA3E;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.1
}

.rt__adj-card-name {
  font-size: 20px;
  line-height: 1.1;
  color: #DDE7E5;
  margin: 8px 0 0;
  letter-spacing: -.01em
}

.rt__adj-card-color-sweep {
  position: absolute;
  inset: 0;
  background: linear-gradient(293deg, #A43AAB55, #C3CA3E33);
  opacity: 0;
  transition: opacity .55s ease-in-out;
  pointer-events: none;
  z-index: 1
}

.rt__adj-card:hover .rt__adj-card-color-sweep {
  opacity: 1
}

@media (max-width: 1280px) {
  .rt__adjacent-section {
    padding: 0 28px
  }

  .rt__adjacent-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media (max-width: 768px) {
  .rt__adjacent-section {
    padding: 0 16px
  }

  .rt__adjacent-grid {
    grid-template-columns: 1fr
  }
}

.rt__habit-section {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
  background: linear-gradient(180deg, #1e1e2e 0%, #181820 100%);
  border-radius: 24px;
  position: relative;
  overflow: hidden
}

.rt__habit-brace-left {
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 160px;
  color: #C3CA3E;
  opacity: .05;
  line-height: 1;
  pointer-events: none;
  font-weight: 700
}

.rt__habit-brace-right {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 160px;
  color: #A43AAB;
  opacity: .05;
  line-height: 1;
  pointer-events: none;
  font-weight: 700
}

.rt__habit-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 2
}

.rt__habit-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #A43AAB;
  line-height: 1.1
}

.rt__habit-h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__habit-p {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .85
}

.rt__habit-p--sm {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .72
}

.rt__habit-steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 2
}

.rt__habit-step {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  background: #22202e;
  border-radius: 13px;
  box-shadow: 0 3px 6px 0 #c3ca3e14;
  transition: background .5s ease-in-out, box-shadow .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__habit-step:hover {
  background: linear-gradient(293deg, #C3CA3E11, #A43AAB11);
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.rt__habit-step__num {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #181820;
  font-weight: 700;
  flex-shrink: 0
}

.rt__habit-step__body {
  flex: 1
}

.rt__habit-step__h5 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0 0 8px;
  color: #DDE7E5
}

.rt__habit-step__p {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .72
}

@media (max-width: 1280px) {
  .rt__habit-section {
    margin: 28px 28px 0;
    padding: 28px;
    grid-template-columns: 1fr;
    gap: 28px
  }
}

@media (max-width: 768px) {
  .rt__habit-section {
    margin: 28px 16px 0;
    padding: 28px 16px
  }

  .rt__habit-h2 {
    font-size: 26px
  }
}

.rt__groups-section {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 0 56px 96px
}

.rt__groups-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #C3CA3E;
  line-height: 1.1;
  margin-bottom: 16px
}

.rt__groups-h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 0 0 28px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__groups-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 28px
}

.rt__group-card {
  background: #1e1e2a;
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 7px 22px 0 #c3ca3e14;
  position: relative;
  overflow: hidden;
  transition: box-shadow .6s ease-in-out
}

.rt__group-card:hover {
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.rt__group-card--wide {
  grid-row: span 2
}

.rt__group-card__accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(293deg, #C3CA3E, #A43AAB);
  transition: height .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__group-card:hover .rt__group-card__accent {
  height: 8px
}

.rt__group-card__tag {
  font-size: 14px;
  color: #A43AAB;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.1
}

.rt__group-card__h4 {
  font-size: 26px;
  line-height: 1.1;
  margin: 0;
  color: #DDE7E5;
  letter-spacing: -.01em
}

.rt__group-card__p {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .78;
  flex: 1
}

.rt__group-card__link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #C3CA3E;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #C3CA3E44;
  align-self: flex-start;
  transition: background .5s cubic-bezier(0.22, 1, 0.36, 1), transform .45s cubic-bezier(0.22, 1, 0.36, 1)
}

.rt__group-card__link:hover {
  background: linear-gradient(293deg, #C3CA3E22, #A43AAB22);
  transform: scale(1.04)
}

.rt__group-card__link-arr {
  width: 12px;
  height: 12px;
  border-top: 2px solid #C3CA3E;
  border-right: 2px solid #C3CA3E;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0
}

.rt__group-card__disc-toggle {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.rt__group-card__disc-summary {
  font-size: 14px;
  color: #C3CA3E;
  cursor: pointer;
  list-style: none;
  padding: 8px 0;
  border-bottom: 1px solid #C3CA3E22;
  transition: color .45s ease-in-out;
  line-height: 1.6
}

.rt__group-card__disc-summary::-webkit-details-marker {
  display: none
}

.rt__group-card__disc-summary::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #C3CA3E;
  border-bottom: 2px solid #C3CA3E;
  transform: rotate(45deg);
  margin-left: 8px;
  transition: transform .45s cubic-bezier(0.22, 1, 0.36, 1);
  vertical-align: middle
}

.rt__group-card__disc-details[open] .rt__group-card__disc-summary::after {
  transform: rotate(-135deg)
}

.rt__group-card__disc-body {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  opacity: .78;
  padding: 8px 0
}

@media (max-width: 1280px) {
  .rt__groups-section {
    padding: 0 28px 56px
  }

  .rt__groups-grid {
    grid-template-columns: 1fr 1fr
  }

  .rt__group-card--wide {
    grid-column: span 2;
    grid-row: span 1
  }

  .rt__groups-h2 {
    font-size: 26px
  }
}

@media (max-width: 768px) {
  .rt__groups-section {
    padding: 0 16px 56px
  }

  .rt__groups-grid {
    grid-template-columns: 1fr
  }

  .rt__group-card--wide {
    grid-column: span 1
  }
}

.rt__adj-section-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #C3CA3E;
  line-height: 1.1;
  margin-bottom: 16px
}

.rt__adj-section-h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 0 0 28px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

@media (max-width: 768px) {
  .rt__adj-section-h2 {
    font-size: 26px
  }
}

.rt__sand-section {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 56px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: #1a1826
}

.rt__sand-dots {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0
}

.rt__sand-dots::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, #C3CA3E33 1px, transparent 1px), radial-gradient(circle, #A43AAB22 1.5px, transparent 1.5px), radial-gradient(circle, #DDE7E511 1px, transparent 1px);
  background-size: 28px 28px, 43px 43px, 17px 17px;
  background-position: 0 0, 14px 14px, 7px 21px;
  opacity: .55
}

.rt__sand-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 28px
}

.rt__sand-h3 {
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -.01em;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__sand-p {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  max-width: 680px;
  opacity: .88
}

.rt__sand-p--sm {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  max-width: 600px;
  opacity: .72
}

.rt__sand-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #181820;
  background: linear-gradient(293deg, #C3CA3E, #A43AAB);
  padding: 16px 28px;
  border-radius: 7px;
  align-self: flex-start;
  font-weight: 700;
  transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s ease-in-out;
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.rt__sand-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.rt__sand-btn-arr {
  width: 14px;
  height: 14px;
  border-top: 2px solid #181820;
  border-right: 2px solid #181820;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0
}

@media (max-width: 1280px) {
  .rt__sand-section {
    margin: 28px 28px 0;
    padding: 28px
  }
}

@media (max-width: 768px) {
  .rt__sand-section {
    margin: 28px 16px 0;
    padding: 28px 16px
  }

  .rt__sand-p {
    font-size: 14px
  }
}

.rt__posts-section-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #C3CA3E;
  line-height: 1.1;
  margin-bottom: 16px
}

.rt__posts-section-h2 {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin: 0 0 28px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

@media (max-width: 768px) {
  .rt__posts-section-h2 {
    font-size: 26px
  }

  .rt__posts-wrap {
    padding: 0 16px
  }
}

.rt__side-subscribe {
  background: linear-gradient(180deg, #1e1e2a 0%, #221e2e 100%);
  border-radius: 13px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 3px 6px 0 #a43aab14
}

.rt__side-sub-h4 {
  font-size: 20px;
  line-height: 1.1;
  margin: 0;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text
}

.rt__side-sub-p {
  font-size: 14px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  opacity: .78
}

.rt__side-sub-form {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.rt__side-sub-input {
  background: #181820;
  border: 1px solid #C3CA3E33;
  border-radius: 7px;
  padding: 8px 16px;
  font-size: 14px;
  color: #DDE7E5;
  outline: none;
  text-transform: uppercase;
  letter-spacing: .06em;
  transition: border-color .5s ease-in-out
}

.rt__side-sub-input::placeholder {
  color: #DDE7E555;
  text-transform: uppercase;
  letter-spacing: .08em
}

.rt__side-sub-input:focus {
  border-color: #C3CA3E
}

.rt__side-sub-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  color: #181820;
  background: linear-gradient(293deg, #C3CA3E, #A43AAB);
  padding: 8px 16px;
  border-radius: 7px;
  border: none;
  cursor: pointer;
  font-weight: 700;
  transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .55s ease-in-out
}

.rt__side-sub-btn:hover {
  transform: scale(1.04);
  box-shadow: 0 7px 22px 0 #c3ca3e14
}

.rt__side-sub-btn-arr {
  width: 12px;
  height: 12px;
  border-top: 2px solid #181820;
  border-right: 2px solid #181820;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0
}

.rt__posts-wrap-label-row {
  max-width: 1600px;
  margin: 56px auto 0;
  padding: 0 56px
}

@media (max-width: 1280px) {
  .rt__posts-wrap-label-row {
    padding: 0 28px
  }
}

@media (max-width: 768px) {
  .rt__posts-wrap-label-row {
    padding: 0 16px;
    margin-top: 28px
  }
}

.succ-page {
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 96px 28px;
  background: #0e0f0b;
  position: relative;
  overflow: hidden
}

.succ-page::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 420px;
  height: 420px;
  background: linear-gradient(293deg, #A43AAB18, #0e0f0b00);
  border-radius: 40px;
  pointer-events: none
}

.succ-page::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 320px;
  height: 320px;
  background: linear-gradient(293deg, #C3CA3E10, #0e0f0b00);
  border-radius: 40px;
  pointer-events: none
}

.succ-page .succ-card {
  max-width: 640px;
  width: 100%;
  background: #141508;
  border: 1px solid #C3CA3E22;
  border-radius: 24px;
  padding: 56px;
  box-shadow: 0 9px 40px 0 #c3ca3e1c;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  position: relative;
  z-index: 1
}

.succ-page .succ-card__icon-wrap {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 7px 22px 0 #a43aab14;
  flex-shrink: 0
}

.succ-page .succ-card__icon-wrap svg {
  width: 38px;
  height: 38px;
  display: block
}

.succ-page .succ-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center
}

.succ-page .succ-card__heading {
  font-size: 50px;
  line-height: 1.1;
  letter-spacing: -.02em;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0
}

.succ-page .succ-card__sub {
  font-size: 20px;
  line-height: 1.6;
  color: #DDE7E5;
  margin: 0;
  max-width: 480px
}

.succ-page .succ-card__detail {
  font-size: 14px;
  line-height: 1.6;
  color: #8a9490;
  margin: 0
}

.succ-page .succ-card__divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #C3CA3E33, transparent);
  border: none;
  margin: 0
}

.succ-page .succ-card__actions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center
}

.succ-page .succ-card__btn--primary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  background: linear-gradient(293deg, #A43AAB, #C3CA3E);
  color: #0e0f0b;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: .04em;
  border-radius: 13px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 7px 22px 0 #c3ca3e14;
  transition: transform .5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow .6s ease-in-out
}

.succ-page .succ-card__btn--primary:hover {
  transform: scale(1.045);
  box-shadow: 0 9px 40px 0 #c3ca3e1c
}

.succ-page .succ-card__btn--primary:focus-visible {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.succ-page .succ-card__btn--ghost {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  background: transparent;
  color: #DDE7E5;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: .04em;
  border-radius: 13px;
  border: 1px solid #DDE7E533;
  cursor: pointer;
  text-decoration: none;
  transition: background .45s cubic-bezier(0.22, 1, 0.36, 1), border-color .5s ease-in-out, transform .5s cubic-bezier(0.22, 1, 0.36, 1)
}

.succ-page .succ-card__btn--ghost:hover {
  background: linear-gradient(293deg, #A43AAB18, #C3CA3E12);
  border-color: #C3CA3E66;
  transform: scale(1.04)
}

.succ-page .succ-card__btn--ghost:focus-visible {
  outline: 2px solid #C3CA3E;
  outline-offset: 3px
}

.succ-page .succ-card__btn--ghost svg,
.succ-page .succ-card__btn--primary svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0
}

@media (max-width: 480px) {
  .succ-page {
    padding: 56px 16px
  }

  .succ-page .succ-card {
    padding: 28px 16px;
    gap: 16px
  }

  .succ-page .succ-card__heading {
    font-size: 26px
  }

  .succ-page .succ-card__sub {
    font-size: 14px
  }

  .succ-page .succ-card__actions {
    flex-direction: column;
    width: 100%
  }

  .succ-page .succ-card__btn--primary,
  .succ-page .succ-card__btn--ghost {
    justify-content: center;
    width: 100%
  }
}