:root {
  --white: #ffffff;
  --ink: #000000;
  --muted: #c6cfe5;
  --ice: #d9e9ff;
  --sky: #80d1f5;
  --deep-blue: #006c9c;
  --badge-blue: #005597;
  --stroke: #c6cfe5;
  --design-w: 1920px;
}

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

html,
body {
  background: #000;
  color: var(--white);
  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  overflow-x: clip;
}

img {
  display: block;
  max-width: none;
}

button,
input {
  font-family: inherit;
}

.page-fill {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: calc((100vw - 1080px) / 2);
  background: #000;
  z-index: 40;
  pointer-events: none;
}

@media (min-width: 1081px) {
  .page-fill {
    display: block;
  }

  .page-fill-left {
    left: 0;
  }

  .page-fill-right {
    right: 0;
  }
}

.canvas-wrap {
  width: 1920px;
  margin: 0 auto;
  overflow: visible;
}

.canvas {
  width: var(--design-w);
  transform-origin: top left;
  user-select: none;
}

.canvas.is-dragging {
  cursor: grabbing;
}

body.is-dragging {
  cursor: grabbing;
}

body.is-dragging .canvas {
  cursor: grabbing;
}

.section {
  position: relative;
  width: 1920px;
  overflow: hidden;
}

.hero {
  height: 2161px;
  background: #000;
}

.hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-bg img {
  position: absolute;
  height: 122.2%;
  width: 185.17%;
  left: -42.6%;
  top: -12.51%;
}

.logo {
  position: absolute;
  left: 737px;
  top: 150px;
  width: 446px;
  height: 50px;
}

.logo img {
  width: 100%;
  height: 100%;
}

.hero-copy {
  position: absolute;
  left: 246px;
  top: 339px;
  width: 1417px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  text-align: center;
}

.hero-title {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  font-size: 100px;
  line-height: 1.1;
  white-space: nowrap;
}

.hero-title .brand {
  font-weight: 700;
  letter-spacing: -5px;
}

.hero-title .pipe {
  font-weight: 400;
  letter-spacing: -4px;
  background-image: linear-gradient(-89.96deg, #d7e8ff 4.89%, #fff 91.98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-title .accent {
  font-weight: 700;
  letter-spacing: -4px;
  background-image: linear-gradient(95.96deg, #80d1f5 0.35%, #fff 49.3%, #80d1f5 98.24%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-sub {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.hero-sub .lead {
  font-size: 60px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: normal;
}

.hero-sub .lead strong {
  font-weight: 700;
}

.hero-sub .note {
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  color: var(--muted);
}

.hero-sub .note strong {
  font-weight: 700;
}

.first-wake {
  height: 1080px;
  overflow: hidden;
  background: #fff;
}

.first-wake-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  overflow: hidden;
}

.first-wake-bg img {
  width: 1920px;
  height: 1080px;
}

.first-wake-copy {
  position: absolute;
  left: 288px;
  top: 290px;
  width: 1345px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 31px;
}

.first-wake .kicker {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 22px;
  color: var(--deep-blue);
  white-space: nowrap;
}

.first-wake .master {
  width: 100%;
  text-align: center;
  font-size: 120px;
  font-weight: 700;
  letter-spacing: -6px;
  line-height: 1;
  color: #fff;
}

.first-wake .date-box {
  position: absolute;
  left: 334px;
  top: 561px;
  width: 1252px;
  height: 189px;
  border: 2px solid #fff;
  border-radius: 40px 37px 37px 37px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.first-wake .date {
  font-size: 120px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}

.first-wake .place {
  position: absolute;
  left: 50%;
  top: 830px;
  transform: translateX(-50%);
  width: 1345px;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: normal;
  color: var(--deep-blue);
}

.video {
  height: 1080px;
  background: #000;
}

.video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}

.bullets {
  height: 1200px;
  background: #010004;
}

.tex-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tex-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleY(-1);
}

.bullets-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.bullets-head {
  width: 958px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: normal;
}

.bullets-head .sub {
  color: var(--muted);
}

.bullet-list {
  width: 1042px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bullet-card {
  width: 100%;
  height: 120px;
  position: relative;
  border: 0;
  border-radius: 25px 25px 0 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  display: flex;
  align-items: center;
  padding: 20px 90px;
}

.bullet-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 2.161px solid var(--muted);
  border-bottom: 0;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 18%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 18%, transparent 100%);
}

.bullet-card .row {
  display: flex;
  align-items: center;
  gap: 50px;
}

.bullet-card .icon {
  width: 41.6px;
  height: 34.58px;
  flex-shrink: 0;
  position: relative;
}

.bullet-card .icon img {
  position: absolute;
  width: 60.19px;
  height: 48.59px;
  left: -1.5px;
  top: -12.51px;
}

.bullet-card p {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.8px;
  line-height: 64.84px;
  white-space: nowrap;
}

.bullets-foot {
  width: 100%;
  text-align: center;
  font-size: 60px;
  letter-spacing: -3px;
  line-height: normal;
}

.bullets-foot .regular {
  font-weight: 400;
}

.bullets-foot .bold {
  font-weight: 700;
}

.speakers {
  height: 2161px;
  background: #000;
}

.speakers-stack,
.speaker-block,
.speaker-col {
  display: contents;
}

.speakers .label {
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -3px;
  color: var(--muted);
  line-height: normal;
}

.speakers .headline {
  font-size: 100px;
  font-weight: 700;
  letter-spacing: -5px;
  line-height: 1.15;
  color: #fff;
}

.session-1-copy {
  position: absolute;
  left: 779px;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.session-2-copy {
  position: absolute;
  left: 779px;
  top: 1200px;
  width: 955px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.session-2-copy .headline {
  letter-spacing: -6px;
}

.speaker-shin {
  position: absolute;
  left: 143px;
  top: 226px;
  width: 516px;
  height: 749px;
  overflow: hidden;
}

.speaker-shin img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.speaker-song {
  position: absolute;
  left: 143px;
  top: 1304px;
  width: 525px;
  height: 749px;
  overflow: hidden;
}

.speaker-song img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.session-1-meta,
.session-2-meta {
  position: absolute;
  left: 779px;
  width: 995px;
  display: flex;
  flex-direction: column;
  gap: 70px;
}

.session-1-meta {
  top: 559px;
}

.session-2-meta {
  top: 1640px;
}

.speaker-bio {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.speaker-bio h3 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.8px;
}

.speaker-bio p {
  color: var(--muted);
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -1.2px;
  white-space: nowrap;
}

.curriculum {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.curriculum-head {
  display: contents;
}

.curriculum-rule {
  display: none;
}

.curriculum-label {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -2.3px;
  color: var(--sky);
  white-space: nowrap;
}

.curriculum-cards {
  display: flex;
  gap: 28px;
  width: 100%;
}

.curriculum-card {
  width: 313px;
  height: 165px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: rgba(229, 235, 255, 0.3);
}

.curriculum-card p {
  position: relative;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1.8px;
  line-height: normal;
}

.schedule {
  height: 878px;
}

.schedule-body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1299px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.schedule-title {
  width: 100%;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: normal;
  background-image: linear-gradient(to right, #fff, #c6cfe5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.schedule-rows {
  display: flex;
  flex-direction: column;
}

.schedule-row {
  display: flex;
  align-items: center;
  width: 1085px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.schedule-row.last {
  border-bottom: 0;
}

.time-cell {
  width: 300px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 140, 255, 0.2);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.8px;
  line-height: 64.84px;
  white-space: nowrap;
}

.desc-cell {
  padding: 0 50px;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  line-height: normal;
  white-space: nowrap;
}

.event-info {
  height: 2417px;
  background: #000;
}

.event-info h2 {
  width: 100%;
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 1.1;
  background-image: linear-gradient(-85.72deg, #d7e8ff 4.89%, #fff 91.98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.event-stack {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.event-main {
  display: contents;
}

.event-block {
  width: 1467px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.pill {
  width: 224px;
  height: 49px;
  border-radius: 70px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--badge-blue);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 3.6px;
}

.pill-wide {
  width: 303px;
}

.event-date {
  width: 100%;
  text-align: center;
  font-size: 100px;
  font-weight: 700;
  line-height: normal;
}

.grad-text {
  background-image: linear-gradient(to right, #fff, #c6cfe5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.event-meta {
  width: 896px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.46);
}

.event-meta-row {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 46px;
  letter-spacing: -2.3px;
  width: 100%;
  justify-content: center;
}

.event-meta-row .pair {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.event-note {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
}

.venue-photo {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  position: relative;
}

.venue-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.venue-name {
  font-size: 90px;
  font-weight: 700;
  letter-spacing: -4.5px;
  white-space: nowrap;
}

.venue-name .venue-pipe {
  font-weight: 400;
}

.venue-addr {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -2.3px;
  color: var(--ice);
}

.venue-extra {
  width: 100%;
  text-align: center;
  font-size: 36px;
  letter-spacing: -1.8px;
  color: var(--ice);
  line-height: normal;
}

.venue-extra strong {
  font-weight: 700;
}

.section.dday {
  overflow: visible;
}

.dday {
  height: 1032px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 80px 0;
}

.dday-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dday-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dday-title {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 120px;
  line-height: normal;
  filter: drop-shadow(0 0 10px #c6cfe5);
}

.dday-title p {
  background-image: linear-gradient(to right, #fff, #c6cfe5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.dday-title .regular {
  font-weight: 400;
}

.dday-title .bold {
  font-weight: 700;
}

.dday-sub {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 46px;
  font-weight: 400;
  letter-spacing: -2.3px;
  line-height: 64.84px;
}

.countdown-band {
  position: relative;
  width: 100%;
  height: 441px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 61px;
  padding: 44px 440px 62px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #1261d9 50%, rgba(0, 0, 0, 0));
}

.countdown-band:has(.countdown-row.is-wide) {
  padding-left: 360px;
  padding-right: 360px;
}

.countdown-label {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -2.3px;
  line-height: 60px;
  white-space: nowrap;
}

.countdown-row {
  display: flex;
  align-items: center;
  gap: 30px;
}

.digit-pair {
  display: flex;
  align-items: center;
  gap: 20px;
}

.countdown-row .tick-credits {
  display: none;
}

.countdown-row [data-view] {
  max-width: none;
}

.countdown-row .tick-flip {
  --flip-face: #0a3f86;
  width: 135.89px;
  min-width: 135.89px;
  height: 214px;
  margin: 0;
  border-radius: 20px;
  background: var(--flip-face);
  font-family: "Barlow Condensed", "Arial Narrow", Pretendard, sans-serif;
  font-size: 130px;
  font-weight: 600;
  letter-spacing: 0;
  text-indent: 0;
  box-shadow: inset 4px 4px 4px rgba(255, 255, 255, 0.25);
}

.countdown-row .tick-flip-spacer {
  width: 135.89px;
  height: 214px;
  line-height: 214px !important;
  font-size: 130px !important;
}

.countdown-row .tick-flip-card {
  perspective: 420px;
}

.countdown-row .tick-flip-panel {
  color: #fff;
  background-color: var(--flip-face);
}

.countdown-row .tick-flip-front,
.countdown-row .tick-flip-panel-front,
.countdown-row .tick-flip-shadow-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.countdown-row .tick-flip-back,
.countdown-row .tick-flip-panel-back,
.countdown-row .tick-flip-panel-back:after,
.countdown-row .tick-flip-shadow-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.countdown-row .tick-flip-panel-text-wrapper {
  font-family: "Barlow Condensed", "Arial Narrow", Pretendard, sans-serif;
  font-weight: 600;
  letter-spacing: -6.5px;
  transform: translateY(15px);
  background-image: linear-gradient(167.69deg, #fff 20.1%, #999 48.46%, #fff 76.83%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.colon {
  width: 20px;
  height: 92px;
}

.colon img {
  width: 28px;
  height: 100px;
}

.form-section {
  min-height: 2645px;
  height: auto;
  background: #000;
  padding: 249px 0 160px;
}

.form-inner {
  position: relative;
  width: 1408px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 160px;
}

.form-intro {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.form-intro-copy {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.form-intro h2 {
  font-size: 100px;
  letter-spacing: -5px;
  line-height: 1.2;
  background-image: linear-gradient(-89.15deg, #d7e8ff 4.89%, #fff 91.98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.46);
}

.form-intro h2 .regular {
  font-weight: 400;
}

.form-intro h2 .bold {
  font-weight: 700;
}

.form-intro .desc {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  color: var(--ice);
}

.form-intro .limit {
  font-size: 36px;
  letter-spacing: -1.8px;
  color: var(--ice);
  line-height: normal;
}

.form-intro .limit strong {
  font-weight: 700;
}

.reg-form {
  width: 1281px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.field-row {
  display: flex;
  gap: 104px;
  width: 100%;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 550px;
}

.field label,
.q-label {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.8px;
}

.req {
  font-size: 24px;
  color: #f00;
}

.field input[type="text"],
.field input[type="tel"] {
  width: 550px;
  height: 70px;
  border: 2px solid var(--stroke);
  border-radius: 15px;
  background: transparent;
  color: #fff;
  font-size: 28px;
  padding: 0 20px;
  outline: none;
}

.field input:focus,
.etc-field input:focus {
  border-color: #80d1f5;
}

.etc-field {
  width: 100%;
}

.radios .etc-field {
  flex: 1 0 100%;
}

.etc-field[hidden] {
  display: none;
}

.etc-field input {
  width: 550px;
  height: 70px;
  border: 2px solid var(--stroke);
  border-radius: 15px;
  background: transparent;
  color: #fff;
  font-size: 28px;
  padding: 0 20px;
  outline: none;
}

.q-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.q-block.gap20 {
  gap: 20px;
}

.radios {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.radio {
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  white-space: nowrap;
}

.radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.radio-mark {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border: 0;
  border-radius: 50%;
  position: relative;
  background: url("../assets/radio.svg") center / 40px 40px no-repeat;
}

.radio input:checked + .radio-mark::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: #fff;
}

.own-row {
  gap: 135px;
}

.opt-row {
  gap: 91px;
}

.channel-row {
  gap: 105px;
}

.privacy-box {
  width: 100%;
  height: 220px;
  border: 1px solid #fff;
  border-radius: 15px;
  overflow: auto;
  padding: 16px 20px;
  color: var(--muted);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.9px;
  line-height: 1.5;
  white-space: pre-wrap;
  user-select: text;
}

.privacy-agree {
  margin-top: 31px;
}

.submit-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.submit-btn-slot {
  position: relative;
  display: flex;
  justify-content: center;
}

.form-toast {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 24px);
  transform: translateX(-50%);
  margin: 0;
  color: #ff0000;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}

.form-toast[hidden] {
  display: none;
}

.submit-btn {
  width: 429px;
  height: 127px;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
  font-size: 66px;
  font-weight: 700;
  letter-spacing: -3.3px;
  background-image: linear-gradient(-89.5deg, #d7e8ff 4.89%, #fff 91.98%);
  color: transparent;
}

.submit-btn span {
  background-image: linear-gradient(to right, #666, #000);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.form-msg {
  margin-top: 24px;
  font-size: 28px;
  color: var(--ice);
  text-align: center;
  min-height: 40px;
}

.grab-hint {
  cursor: grab;
}

.success-layer {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
}

.success-layer[hidden] {
  display: none;
}

.success-dim {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.3);
}

.success-stage {
  position: relative;
  width: 1316px;
  height: 1294px;
  transform-origin: center center;
}

.success-dialog {
  width: 1316px;
  height: 1294px;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.success-copy,
.success-cards,
.success-follow {
  width: 1408px;
}

.success-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.success-copy h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -3px;
  white-space: nowrap;
  background-image: linear-gradient(-88.88deg, #d7e8ff 4.89%, #fff 91.98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.46);
}

.success-copy p {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -1.8px;
  line-height: normal;
  white-space: nowrap;
}

.success-cards {
  display: flex;
  justify-content: center;
  gap: 80px;
  margin-top: 80px;
}

.success-card {
  width: 300px;
  height: 500px;
  border-radius: 20px;
  background: rgba(0, 108, 156, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 56px 46px 0;
  gap: 55px;
}

.success-icon {
  width: 160px;
  height: 160px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.success-icon-calendar img {
  position: absolute;
  width: 136.19px;
  height: 136.19px;
  left: 12.58px;
  top: 12.11px;
}

.success-icon-clock img,
.success-icon-people img {
  position: absolute;
  inset: 0;
  width: 160px;
  height: 160px;
  object-fit: contain;
}

.success-card p {
  width: 209px;
  text-align: center;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: -1.75px;
  line-height: normal;
}

.success-card p strong {
  font-weight: 700;
}

.success-cards .success-card:first-child p {
  font-size: 36px;
  letter-spacing: -1.8px;
}

.success-follow {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

.success-follow p {
  font-size: 36px;
  letter-spacing: -1.8px;
  line-height: normal;
  white-space: nowrap;
}

.success-follow strong {
  font-weight: 700;
}

.success-follow a {
  color: var(--sky);
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1.8px;
  text-decoration: underline;
  text-underline-position: from-font;
}

.success-close {
  margin-top: 80px;
  width: 270px;
  height: 99px;
  border: 1px solid var(--muted);
  border-radius: 30px;
  background: transparent;
  color: #fff;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -2.3px;
  cursor: pointer;
}