@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/noto-sans@latest/700.css');

html {
  font-size: 100%;
}

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

.pg-head {
  position: relative;
  background-color: #091618;
  padding-bottom: 48px;
}

.pg-head::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: linear-gradient(to bottom, #091618 0%, rgba(9,22,24,0) 100%);
  pointer-events: none;
}

.hd-shell {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

.hd-top {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-bottom: 1px solid rgba(16,187,237,0.18);
}

.brand-mount {
  display: flex;
  align-items: center;
  padding: 16px 32px 16px 0;
  flex-shrink: 0;
  border-right: 1px solid rgba(16,187,237,0.18);
  margin-right: 32px;
}

.brand-mount a {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 12px;
}

.brand-mount a:focus {
  outline: 2px solid #10BBED;
  outline-offset: 4px;
}

.logo-hold {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 2px solid rgba(16,187,237,0.35);
  box-shadow: 2px 5px 25px -2px rgba(16,187,237,0.11);
  padding: 8px;
  flex-shrink: 0;
}

.logo-hold img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.brand-name {
  font-family: 'Noto Serif', serif;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.brand-sub {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #10BBED;
  line-height: 1.55;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

.hd-nav-hold {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 16px 0;
}

.hd-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.hd-nav__item {
  display: flex;
  align-items: center;
}

.hd-nav__item--sep {
  width: 1px;
  height: 24px;
  background-color: rgba(16,187,237,0.22);
  margin: 0 4px;
}

.hd-nav__lnk {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #D7E0EB;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 2px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  transition: color 0.15s cubic-bezier(0.4,0,1,1), background-color 0.15s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
  position: relative;
  min-height: 44px;
}

.hd-nav__lnk:hover {
  color: #10BBED;
  background-color: rgba(16,187,237,0.08);
  transform: translateY(-1px);
}

.hd-nav__lnk:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
  background-color: #091618;
}

.hd-nav__lnk--active {
  color: #10BBED;
  font-weight: 700;
}

.nav-ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}

.hd-contact-strip {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 12px 0 16px;
  justify-content: flex-end;
}

.hd-contact-strip a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.7);
  text-decoration: none;
  letter-spacing: 0.04em;
  line-height: 1.2;
  transition: color 0.12s ease-in;
}

.hd-contact-strip a:hover {
  color: #10BBED;
}

.hd-contact-strip a:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
}

.hd-contact-label {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.45);
  letter-spacing: 0.06em;
}

.hd-accent-bar {
  height: 3px;
  background: linear-gradient(90deg, #10BBED 0%, rgba(16,187,237,0.3) 60%, transparent 100%);
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .hd-shell {
    padding: 0 16px;
  }

  .brand-mount {
    padding: 16px 16px 16px 0;
    margin-right: 16px;
  }

  .hd-contact-strip {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .hd-top {
    flex-direction: column;
    gap: 0;
  }

  .brand-mount {
    border-right: none;
    border-bottom: 1px solid rgba(16,187,237,0.18);
    margin-right: 0;
    padding: 16px 0;
  }

  .hd-nav-hold {
    padding: 12px 0;
  }

  .hd-contact-strip {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 16px;
    padding: 8px 0 12px;
  }

  .hd-nav__item--sep {
    display: none;
  }
}

@media (max-width: 375px) {
  .brand-name {
    font-size: 14px;
  }

  .logo-hold {
    width: 56px;
    height: 56px;
  }

  .hd-nav__lnk {
    padding: 8px 8px;
  }
}

.ft-root {
  background-color: #091618;
  position: relative;
  overflow: hidden;
}

.ft-root::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #10BBED 40%, rgba(16,187,237,0.4) 100%);
}

.ft-bg-shape {
  position: absolute;
  top: -80px;
  right: -120px;
  width: 480px;
  height: 480px;
  border-radius: 42px;
  background: linear-gradient(135deg, rgba(16,187,237,0.06) 0%, rgba(9,22,24,0) 70%);
  pointer-events: none;
  transform: rotate(25deg);
}

.ft-shell {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
}

.ft-body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px;
  padding: 48px 0 32px;
  border-bottom: 1px solid rgba(16,187,237,0.14);
}

.ft-col__hdg {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  font-weight: 700;
  color: #10BBED;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 16px;
}

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

.ft-col__list a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.7);
  text-decoration: none;
  line-height: 1.55;
  letter-spacing: 0.04em;
  display: inline-block;
  transition: color 0.12s ease-in, transform 0.1s cubic-bezier(0.4,0,1,1);
}

.ft-col__list a:hover {
  color: #10BBED;
  transform: translateX(2px);
}

.ft-col__list a:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
}

.ft-col__desc {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.55);
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin: 0;
}

.ft-col__contact-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}

.ft-col__contact-label {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.4);
  letter-spacing: 0.08em;
  line-height: 1.2;
}

.ft-col__contact-val {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.8);
  line-height: 1.55;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: color 0.12s ease-in;
}

.ft-col__contact-val:hover {
  color: #10BBED;
}

.ft-col__contact-val:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
}

.ft-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 32px;
  flex-wrap: wrap;
  gap: 16px;
}

.ft-logo-hold {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ft-logo-img-hold {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid rgba(16,187,237,0.3);
  box-shadow: 2px 1px 6px -2px rgba(16,187,237,0.05);
  padding: 8px;
}

.ft-logo-img-hold img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ft-logo-hold:focus-within .ft-logo-img-hold {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
}

.ft-brand-txt {
  font-family: 'Noto Serif', serif;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.ft-legal-hold {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.ft-legal-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ft-legal-links a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.45);
  text-decoration: none;
  letter-spacing: 0.04em;
  line-height: 1.2;
  transition: color 0.12s ease-in;
}

.ft-legal-links a:hover {
  color: #D7E0EB;
}

.ft-legal-links a:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
}

.ft-copy {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.3);
  letter-spacing: 0.04em;
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .ft-shell {
    padding: 0 16px;
  }

  .ft-body {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}

@media (max-width: 768px) {
  .ft-body {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 0 24px;
  }

  .ft-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .ft-legal-hold {
    align-items: flex-start;
  }

  .ft-legal-links {
    justify-content: flex-start;
  }

  .ft-bg-shape {
    display: none;
  }
}

@media (max-width: 375px) {
  .ft-shell {
    padding: 0 12px;
  }
}

.ck-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1500;
  background-color: #091618;
  border-top: 2px solid rgba(16,187,237,0.3);
  box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14);
  display: none;
}

.ck-bar__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 16px 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}

.ck-bar__text-block {
  flex: 1;
  min-width: 240px;
}

.ck-bar__hdg {
  font-family: 'Noto Serif', serif;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 8px;
}

.ck-bar__desc {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.75);
  line-height: 1.55;
  margin: 0;
}

.ck-bar__desc a {
  color: #10BBED;
  text-decoration: underline;
}

.ck-bar__desc a:hover {
  color: #D7E0EB;
}

.ck-bar__desc a:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
  color: #ffffff;
}

.ck-bar__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  flex-shrink: 0;
}

.ck-bar__btn-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ck-bar__btn {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 8px 16px;
  border-radius: 2px;
  cursor: pointer;
  min-height: 44px;
  transition: background-color 0.15s cubic-bezier(0.4,0,1,1), color 0.15s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
  line-height: 1.2;
}

.ck-bar__btn:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
}

.ck-bar__btn--accept {
  background-color: #10BBED;
  color: #091618;
  border: 2px solid #10BBED;
}

.ck-bar__btn--accept:hover {
  background-color: #D7E0EB;
  border-color: #D7E0EB;
  transform: translateY(-1px);
}

.ck-bar__btn--manage {
  background-color: transparent;
  color: #D7E0EB;
  border: 2px solid rgba(215,224,235,0.4);
}

.ck-bar__btn--manage:hover {
  border-color: #10BBED;
  color: #10BBED;
  transform: translateY(-1px);
}

.ck-bar__btn--deny {
  background-color: transparent;
  color: rgba(215,224,235,0.6);
  border: 2px solid rgba(215,224,235,0.2);
}

.ck-bar__btn--deny:hover {
  border-color: rgba(215,224,235,0.5);
  color: #D7E0EB;
  transform: translateY(-1px);
}

.ck-pref-panel {
  border-top: 1px solid rgba(16,187,237,0.15);
  padding: 16px 32px;
  display: none;
}

.ck-pref-panel__inner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.ck-toggle-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ck-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: rgba(215,224,235,0.8);
  line-height: 1.2;
}

.ck-toggle input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #10BBED;
  cursor: pointer;
}

.ck-toggle input[type="checkbox"]:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
}

.ck-pref-panel__save {
  margin-left: auto;
}

.ck-slide-tab {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1400;
  background-color: #091618;
  border: 1px solid rgba(16,187,237,0.3);
  border-left: none;
  border-radius: 0 2px 2px 0;
  padding: 12px 8px;
  cursor: pointer;
  display: none;
  box-shadow: 2px 5px 25px -2px rgba(16,187,237,0.11);
}

.ck-slide-tab:focus {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
}

.ck-slide-tab__lbl {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #D7E0EB;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 0.06em;
  line-height: 1.2;
  user-select: none;
}

@media (max-width: 768px) {
  .ck-bar__inner {
    padding: 12px 16px;
    flex-direction: column;
  }

  .ck-pref-panel {
    padding: 12px 16px;
  }

  .ck-pref-panel__save {
    margin-left: 0;
  }
}.policy-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 48px 32px;
    background: #ffffff;
    color: #091618;
}

.policy-wrapper p {
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 16px;
    letter-spacing: 0.01em;
}

.policy-wrapper ul,
.policy-wrapper ol {
    margin: 16px 0 16px 32px;
    padding: 0;
}

.policy-wrapper ul {
    list-style: disc;
}

.policy-wrapper ol {
    list-style: decimal;
}

.policy-wrapper li {
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 8px;
    padding-left: 4px;
    letter-spacing: 0.01em;
}

.policy-wrapper li:last-child {
    margin-bottom: 0;
}

.policy-wrapper ul ul,
.policy-wrapper ol ol,
.policy-wrapper ul ol,
.policy-wrapper ol ul {
    margin-top: 8px;
    margin-bottom: 8px;
}

.policy-wrapper strong,
.policy-wrapper b {
    font-weight: 700;
    color: #091618;
}

.policy-wrapper em,
.policy-wrapper i {
    font-style: italic;
    color: #091618;
}

.policy-wrapper a {
    color: #10BBED;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color 0.12s cubic-bezier(0.4,0,1,1), text-decoration-color 0.12s cubic-bezier(0.4,0,1,1);
}

.policy-wrapper a:hover {
    color: #091618;
    text-decoration-color: #10BBED;
}

.policy-wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 14px;
    line-height: 1.55;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 2px 1px 6px -2px rgba(9, 22, 24, 0.05);
}

.policy-wrapper thead {
    background: #091618;
    color: #D7E0EB;
}

.policy-wrapper thead th {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-align: left;
    border: none;
}

.policy-wrapper tbody tr {
    border-bottom: 1px solid #D7E0EB;
    transition: background 0.1s cubic-bezier(0.4,0,1,1);
}

.policy-wrapper tbody tr:last-child {
    border-bottom: none;
}

.policy-wrapper tbody tr:hover {
    background: rgba(16, 187, 237, 0.05);
}

.policy-wrapper th,
.policy-wrapper td {
    padding: 12px 16px;
    text-align: left;
    font-size: 14px;
    line-height: 1.55;
    vertical-align: top;
}

.policy-wrapper td {
    color: #091618;
    border-right: 1px solid #D7E0EB;
}

.policy-wrapper td:last-child {
    border-right: none;
}

.policy-wrapper div {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .policy-wrapper {
        padding: 32px 16px;
    }

    .policy-wrapper p {
        font-size: 19px;
        line-height: 1.8;
    }

    .policy-wrapper li {
        font-size: 19px;
    }

    .policy-wrapper ul,
    .policy-wrapper ol {
        margin-left: 16px;
    }

    .policy-wrapper table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 375px) {
    .policy-wrapper {
        padding: 16px 12px;
    }

    .policy-wrapper p,
    .policy-wrapper li {
        font-size: 14px;
        line-height: 1.8;
    }

    .policy-wrapper th,
    .policy-wrapper td {
        padding: 8px 12px;
        font-size: 14px;
    }
}
.bse {
  background: #fff;
  overflow-x: clip;
  position: relative;
}

.bse .reveal {
  opacity: 0;
  transform: translateY(32px);
  animation: slideUp 0.16s cubic-bezier(0.4,0,1,1) forwards;
}
.bse .reveal--1 { animation-delay: 0.05s; }
.bse .reveal--2 { animation-delay: 0.1s; }
.bse .reveal--3 { animation-delay: 0.15s; transform: translateY(24px); }
.bse .reveal--4 { animation-delay: 0.18s; transform: translateY(16px); }

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

.bse ::selection {
  background: #10BBED;
  color: #091618;
}

.bse *:focus-visible {
  outline: 2px solid #10BBED;
  outline-offset: 2px;
}


.bse .t-blk {
  max-width: 1140px;
  margin: 0 auto;
  padding: 48px 32px;
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 48px;
  align-items: stretch;
  position: relative;
}

.bse .t-blk__strip {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  min-height: 420px;
}

.bse .t-blk__strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.bse .t-blk__strip::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #091618 0%, #10BBED 100%);
  opacity: 0.52;
}

.bse .t-blk__dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: radial-gradient(circle, #10BBED 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: 0.13;
  z-index: 0;
}

.bse .t-blk__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  position: relative;
  z-index: 1;
}

.bse .t-blk__tag {
  display: inline-block;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  color: #10BBED;
  border: 1px solid #10BBED;
  border-radius: 2px;
  padding: 4px 12px;
  width: fit-content;
}

.bse .t-blk__h1 {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #091618;
  margin: 0;
}

.bse .t-blk__h1 span {
  background: linear-gradient(90deg, #091618 0%, #10BBED 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bse .t-blk__quote {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  margin: 0;
  padding-left: 16px;
  border-top: 2px solid #10BBED;
  padding-top: 12px;
}

.bse .t-blk__quote em {
  color: #10BBED;
  font-style: normal;
}

.bse .t-blk__pat {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.bse .t-blk__pat span {
  display: block;
  width: 32px;
  height: 4px;
  border-radius: 2px;
  background: #10BBED;
  opacity: 0.3;
}
.bse .t-blk__pat span:nth-child(2) { opacity: 0.6; width: 16px; }
.bse .t-blk__pat span:nth-child(3) { opacity: 1; width: 8px; }

.bse .t-blk__brace {
  position: absolute;
  top: 48px;
  right: 0;
  font-size: 62px;
  line-height: 1.2;
  color: #D7E0EB;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}


.bse .div-a {
  height: 2px;
  background: linear-gradient(90deg, #10BBED 0%, #D7E0EB 100%);
  max-width: 1140px;
  margin: 0 auto;
  border-radius: 2px;
}


.bse .avail {
  background: linear-gradient(180deg, #fff 0%, #D7E0EB 100%);
  padding: 48px 0;
  position: relative;
}

.bse .avail__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

.bse .avail__hd {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 32px;
}

.bse .avail__h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0;
  position: relative;
  display: inline-block;
}

.bse .avail__h2::after {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #10BBED 0%, #D7E0EB 100%);
  border-radius: 2px;
  width: 0;
  transition: width 0.16s cubic-bezier(0.4,0,1,1);
  margin-top: 4px;
}

.bse .avail__h2:hover::after { width: 100%; }

.bse .avail__sub {
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  max-width: 320px;
  margin: 0;
  letter-spacing: 0.02em;
}

.bse .avail__cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.bse .avail__card {
  flex: 1;
  background: #fff;
  border-radius: 2px;
  padding: 32px 24px;
  border-right: 3px solid #10BBED;
  box-shadow: 2px 5px 25px -2px rgba(16,187,237,0.11);
  transition: transform 0.12s cubic-bezier(0.4,0,1,1), box-shadow 0.12s cubic-bezier(0.4,0,1,1);
  position: relative;
  overflow: hidden;
}

.bse .avail__card:hover {
  transform: translateY(-4px);
  box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14);
}

.bse .avail__card--wide {
  flex: 2.2;
}

.bse .avail__card__brace {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 46px;
  line-height: 1.2;
  color: #D7E0EB;
  pointer-events: none;
  user-select: none;
}

.bse .avail__card__img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 2px;
  display: block;
  margin-bottom: 16px;
  filter: blur(0px);
  transition: filter 0.14s ease-in;
}

.bse .avail__card:hover .avail__card__img {
  filter: blur(1.5px);
}

.bse .avail__card__h3 {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
  position: relative;
  display: inline-block;
}

.bse .avail__card__h3::after {
  content: "";
  display: block;
  height: 2px;
  background: #10BBED;
  border-radius: 2px;
  width: 0;
  transition: width 0.14s cubic-bezier(0.4,0,1,1);
  margin-top: 2px;
}

.bse .avail__card:hover .avail__card__h3::after { width: 100%; }

.bse .avail__card__p {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
  margin: 0;
}

.bse .avail__card__list {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bse .avail__card__list li {
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  padding-left: 16px;
  position: relative;
}

.bse .avail__card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-right: 2px solid #10BBED;
  border-top: 2px solid #10BBED;
  transform: rotate(45deg);
}


.bse .div-b {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

.bse .div-b__line {
  height: 1px;
  background: linear-gradient(90deg, #D7E0EB 0%, #10BBED 50%, #D7E0EB 100%);
  border-radius: 2px;
}


.bse .longval {
  padding: 48px 0;
  background: linear-gradient(180deg, #091618 0%, #0d2226 100%);
  position: relative;
  overflow: hidden;
}

.bse .longval__fish {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0% 100%, transparent 60%, rgba(16,187,237,0.07) 60%),
    radial-gradient(circle at 100% 0%, transparent 60%, rgba(16,187,237,0.07) 60%);
  background-size: 40px 40px;
  z-index: 0;
}

.bse .longval__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 1;
}

.bse .longval__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

.bse .longval__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bse .longval__h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #D7E0EB;
  margin: 0;
  position: relative;
  display: inline-block;
}

.bse .longval__h2::after {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #10BBED 0%, #D7E0EB 100%);
  border-radius: 2px;
  width: 0;
  transition: width 0.16s cubic-bezier(0.4,0,1,1);
  margin-top: 4px;
}

.bse .longval__h2:hover::after { width: 100%; }

.bse .longval__p {
  font-size: 14px;
  line-height: 1.8;
  color: #D7E0EB;
  margin: 0;
}

.bse .longval__quote-wrap {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  margin-top: 8px;
}

.bse .longval__qmark {
  font-size: 46px;
  line-height: 1;
  color: #10BBED;
  flex-shrink: 0;
  margin-top: -8px;
}

.bse .longval__quote {
  font-size: 19px;
  line-height: 1.55;
  color: #fff;
  font-style: italic;
  margin: 0;
}

.bse .longval__who {
  font-size: 14px;
  line-height: 1.55;
  color: #10BBED;
  margin: 8px 0 0;
  letter-spacing: 0.04em;
}

.bse .longval__portrait-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.bse .longval__portrait {
  width: 200px;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center;
  border-radius: 42px 2px 42px 2px;
  display: block;
  box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14);
  filter: blur(0);
  transition: filter 0.14s ease-in, transform 0.14s cubic-bezier(0.4,0,1,1);
}

.bse .longval__portrait:hover {
  transform: translateY(-4px);
  filter: blur(0.5px);
}

.bse .longval__metrics {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.bse .longval__met {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: rgba(16,187,237,0.08);
  border-radius: 2px;
  padding: 12px 16px;
  border-right: 3px solid #10BBED;
}

.bse .longval__met__num {
  font-size: 46px;
  line-height: 1.2;
  color: #10BBED;
  letter-spacing: -0.03em;
  flex-shrink: 0;
}

.bse .longval__met__label {
  font-size: 14px;
  line-height: 1.55;
  color: #D7E0EB;
}


.bse .div-c {
  height: 3px;
  background: linear-gradient(90deg, #10BBED 0%, #D7E0EB 100%);
  max-width: 1140px;
  margin: 0 auto;
  border-radius: 2px;
}


.bse .appr {
  padding: 48px 0;
  background: linear-gradient(180deg, #fff 0%, #D7E0EB 100%);
  position: relative;
}

.bse .appr__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

.bse .appr__top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 32px;
}

.bse .appr__hd {
  grid-column: 1 / 3;
}

.bse .appr__h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0 0 12px;
  position: relative;
  display: inline-block;
}

.bse .appr__h2::after {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #10BBED 0%, #D7E0EB 100%);
  border-radius: 2px;
  width: 0;
  transition: width 0.16s cubic-bezier(0.4,0,1,1);
  margin-top: 4px;
}

.bse .appr__h2:hover::after { width: 100%; }

.bse .appr__intro {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
  margin: 0;
}

.bse .appr__img-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  grid-column: 3 / 4;
}

.bse .appr__img-wrap {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  height: 160px;
}

.bse .appr__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.14s cubic-bezier(0.4,0,1,1), filter 0.14s ease-in;
}

.bse .appr__img-wrap:hover img {
  transform: scale(1.04);
  filter: blur(1px);
}

.bse .appr__img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #091618 0%, #10BBED 100%);
  opacity: 0.22;
  pointer-events: none;
}

.bse .appr__steps {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.bse .appr__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 2px 1px 6px -2px rgba(9,22,24,0.05);
  border-right: 3px solid #10BBED;
  transition: box-shadow 0.12s cubic-bezier(0.4,0,1,1), transform 0.12s cubic-bezier(0.4,0,1,1);
  position: relative;
}

.bse .appr__step:hover {
  transform: translateY(-3px);
  box-shadow: 2px 5px 25px -2px rgba(16,187,237,0.11);
}

.bse .appr__step__num {
  font-size: 46px;
  line-height: 1.2;
  color: #D7E0EB;
  letter-spacing: -0.04em;
  margin: 0;
}

.bse .appr__step__h4 {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  margin: 0;
  letter-spacing: -0.01em;
  position: relative;
  display: inline-block;
}

.bse .appr__step__h4::after {
  content: "";
  display: block;
  height: 2px;
  background: #10BBED;
  border-radius: 2px;
  width: 0;
  transition: width 0.14s cubic-bezier(0.4,0,1,1);
  margin-top: 2px;
}

.bse .appr__step:hover .appr__step__h4::after { width: 100%; }

.bse .appr__step__p {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
  margin: 0;
}

.bse .appr__link {
  display: inline-block;
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  text-decoration: underline;
  letter-spacing: 0.02em;
  transition: color 0.12s ease-in, transform 0.12s cubic-bezier(0.4,0,1,1);
}

.bse .appr__link:hover {
  color: #10BBED;
  transform: translateX(4px);
}


@media (max-width: 1024px) {
  .bse .t-blk {
    grid-template-columns: 120px 1fr;
    gap: 32px;
  }
  .bse .t-blk__h1 { font-size: 46px; }
  .bse .avail__cards { flex-wrap: wrap; }
  .bse .avail__card--wide { flex: 1 1 100%; }
  .bse .longval__grid { grid-template-columns: 1fr; gap: 32px; }
  .bse .longval__portrait { width: 160px; }
  .bse .appr__top { grid-template-columns: 1fr; }
  .bse .appr__hd { grid-column: 1; }
  .bse .appr__img-col { grid-column: 1; flex-direction: row; }
  .bse .appr__img-wrap { flex: 1; }
  .bse .appr__steps { flex-wrap: wrap; }
  .bse .appr__step { flex: 1 1 calc(50% - 8px); }
}

@media (max-width: 768px) {
  .bse .t-blk {
    grid-template-columns: 1fr;
    padding: 32px 16px;
  }
  .bse .t-blk__strip { min-height: 200px; }
  .bse .t-blk__h1 { font-size: 46px; }
  .bse .t-blk__brace { display: none; }
  .bse .avail__inner { padding: 0 16px; }
  .bse .avail__hd { flex-direction: column; align-items: flex-start; gap: 8px; }
  .bse .avail__h2 { font-size: 46px; }
  .bse .avail__cards { flex-direction: column; }
  .bse .avail__card--wide { flex: 1; }
  .bse .longval__inner { padding: 0 16px; }
  .bse .longval__h2 { font-size: 46px; }
  .bse .appr__inner { padding: 0 16px; }
  .bse .appr__h2 { font-size: 46px; }
  .bse .appr__steps { flex-direction: column; }
  .bse .appr__step { flex: 1 1 auto; }
  .bse .appr__img-col { flex-direction: column; }
}

@media (max-width: 375px) {
  .bse .t-blk__h1 { font-size: 46px; }
  .bse .avail__h2 { font-size: 46px; }
  .bse .longval__h2 { font-size: 46px; }
  .bse .appr__h2 { font-size: 46px; }
  .bse .longval__met__num { font-size: 46px; }
  .bse .appr__step__num { font-size: 46px; }
}

.ctus {
  background: #ffffff;
  overflow-x: clip;
  position: relative;
}

.ctus .pg-wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

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

.ctus .drift-bg::before {
  content: '';
  position: absolute;
  width: 520px;
  height: 520px;
  background: rgba(16, 187, 237, 0.06);
  border-radius: 42px;
  top: 8%;
  left: -120px;
  animation: driftMove 18s ease-in-out infinite alternate;
}

.ctus .drift-bg::after {
  content: '';
  position: absolute;
  width: 340px;
  height: 340px;
  background: rgba(9, 22, 24, 0.04);
  border-radius: 42px;
  bottom: 12%;
  right: -80px;
  animation: driftMove 24s ease-in-out infinite alternate-reverse;
}

@keyframes driftMove {
  0% { transform: translateY(0px) translateX(0px); }
  100% { transform: translateY(40px) translateX(20px); }
}

.ctus .sec-top {
  padding: 80px 0 48px;
  position: relative;
  z-index: 1;
}

.ctus .sec-top .pg-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
}

.ctus .top-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ctus .top-label {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.12em;
  color: #10BBED;
  text-transform: uppercase;
  font-weight: 600;
}

.ctus .top-h1 {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #091618;
  margin: 0;
  font-weight: 800;
}

.ctus .top-h1 span {
  background: linear-gradient(to right, #091618, #10BBED);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ctus .top-desc {
  font-size: 19px;
  line-height: 1.55;
  color: #3a4a4d;
  margin: 0;
  max-width: 420px;
}

.ctus .top-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ctus .info-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ctus .info-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #10BBED, #D7E0EB);
  margin-bottom: 4px;
}

.ctus .info-label {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  color: #10BBED;
  text-transform: uppercase;
  font-weight: 600;
}

.ctus .info-val {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.12s cubic-bezier(0.4,0,1,1);
}

.ctus .info-val:hover {
  color: #10BBED;
  transform: translateX(4px);
}

.ctus .info-val--link {
  display: inline-block;
  transition: color 0.12s cubic-bezier(0.4,0,1,1), transform 0.15s cubic-bezier(0.4,0,1,1);
}

.ctus .corner-deco {
  position: absolute;
  pointer-events: none;
}

.ctus .corner-deco--tl {
  top: 48px;
  left: 32px;
  width: 40px;
  height: 40px;
  border-top: 2px solid #10BBED;
  border-left: 2px solid #10BBED;
  border-radius: 2px 0 0 0;
}

.ctus .corner-deco--br {
  bottom: 0;
  right: 32px;
  width: 40px;
  height: 40px;
  border-bottom: 2px solid #D7E0EB;
  border-right: 2px solid #D7E0EB;
  border-radius: 0 0 2px 0;
}

.ctus .divider-mono {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 32px;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.ctus .divider-mono::before,
.ctus .divider-mono::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #D7E0EB;
}

.ctus .divider-mono .mono-sym {
  font-size: 19px;
  font-weight: 800;
  color: #091618;
  letter-spacing: -0.02em;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D7E0EB;
  border-radius: 2px;
  background: #ffffff;
}

.ctus .sec-form {
  padding: 48px 0 80px;
  position: relative;
  z-index: 1;
}

.ctus .form-grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 48px;
  align-items: start;
}

.ctus .form-side-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.ctus .form-side-head {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.ctus .form-side-head::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(to right, #10BBED, #091618);
  animation: lineIn 0.18s cubic-bezier(0.4,0,1,1) 0.4s forwards;
}

@keyframes lineIn {
  to { width: 100%; }
}

.ctus .form-side-text {
  font-size: 14px;
  line-height: 1.8;
  color: #4a5c60;
  margin: 0;
}

.ctus .glass-card {
  background: rgba(215, 224, 235, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(215, 224, 235, 0.7);
  border-radius: 2px;
  padding: 32px;
  box-shadow: 2px 5px 25px -2px rgba(16, 187, 237, 0.11);
}

.ctus .form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ctus .field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ctus .field-grp {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ctus .field-grp--full {
  grid-column: 1 / -1;
}

.ctus .f-label {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.06em;
  color: #091618;
  font-weight: 600;
  text-transform: uppercase;
}

.ctus .f-input {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  background: #ffffff;
  border: 1px solid #D7E0EB;
  border-radius: 2px;
  outline: none;
  box-shadow: inset 2px 2px 4px rgba(9, 22, 24, 0.05);
  transition: border-color 0.15s cubic-bezier(0.4,0,1,1), box-shadow 0.12s cubic-bezier(0.4,0,1,1);
  width: 100%;
  box-sizing: border-box;
}

.ctus .f-input::placeholder {
  color: rgba(16, 187, 237, 0.45);
}

.ctus .f-input:focus {
  border-color: #10BBED;
  box-shadow: inset 1px 1px 3px rgba(9, 22, 24, 0.05), 2px 1px 6px -2px rgba(16, 187, 237, 0.05);
}

.ctus .f-select {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  background: #ffffff;
  border: 1px solid #D7E0EB;
  border-radius: 2px;
  outline: none;
  box-shadow: inset 2px 2px 4px rgba(9, 22, 24, 0.05);
  transition: border-color 0.15s cubic-bezier(0.4,0,1,1), box-shadow 0.12s cubic-bezier(0.4,0,1,1);
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310BBED' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px;
  cursor: pointer;
}

.ctus .f-select:focus {
  border-color: #10BBED;
  box-shadow: inset 1px 1px 3px rgba(9, 22, 24, 0.05), 2px 1px 6px -2px rgba(16, 187, 237, 0.05);
}

.ctus .privacy-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0 4px;
}

.ctus .privacy-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  accent-color: #10BBED;
  margin-top: 2px;
  cursor: pointer;
}

.ctus .privacy-text {
  font-size: 14px;
  line-height: 1.8;
  color: #4a5c60;
  margin: 0;
}

.ctus .privacy-text a {
  color: #091618;
  text-decoration: underline;
  text-decoration-color: #10BBED;
  transition: color 0.12s cubic-bezier(0.4,0,1,1);
}

.ctus .privacy-text a:hover {
  color: #10BBED;
}

.ctus .btn-submit {
  position: relative;
  padding: 16px 48px;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #091618;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 2px 5px 25px -2px rgba(9, 22, 24, 0.11);
  transition: background 0.15s cubic-bezier(0.4,0,1,1), transform 0.12s cubic-bezier(0.4,0,1,1), box-shadow 0.15s cubic-bezier(0.4,0,1,1);
  align-self: flex-start;
}

.ctus .btn-submit:hover {
  background: #10BBED;
  transform: translateY(-2px);
  box-shadow: 2px 12px 60px -2px rgba(16, 187, 237, 0.14);
}

.ctus .btn-submit:active {
  transform: translateY(0px);
}

.ctus .btn-submit .ripple-el {
  position: absolute;
  border-radius: 42px;
  background: rgba(255,255,255,0.25);
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ctus .btn-submit:active .ripple-el {
  animation: rippleAnim 0.18s cubic-bezier(0.4,0,1,1) forwards;
}

@keyframes rippleAnim {
  to {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}

.ctus .form-arrow-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ctus .form-arrow-list li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.8;
  color: #4a5c60;
}

.ctus .form-arrow-list li::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #10BBED;
  border-right: 2px solid #10BBED;
  transform: rotate(45deg);
  margin-top: 6px;
  flex-shrink: 0;
}

.ctus .quote-accent {
  position: relative;
  padding: 16px 16px 16px 32px;
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  font-weight: 600;
  border-top: 1px solid #D7E0EB;
  border-bottom: 1px solid #D7E0EB;
}

.ctus .quote-accent::before {
  content: '"';
  position: absolute;
  left: 4px;
  top: 12px;
  font-size: 46px;
  line-height: 1;
  color: #10BBED;
  font-weight: 800;
}

.ctus .quote-accent::after {
  content: '"';
  font-size: 46px;
  line-height: 1;
  color: #10BBED;
  font-weight: 800;
  vertical-align: -16px;
  margin-left: 4px;
}

.ctus .four-col-strip {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  gap: 16px;
  margin-top: 32px;
}

.ctus .strip-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #D7E0EB;
  border-radius: 2px;
  box-shadow: 2px 1px 6px -2px rgba(9, 22, 24, 0.05);
  transition: box-shadow 0.15s cubic-bezier(0.4,0,1,1), transform 0.12s cubic-bezier(0.4,0,1,1);
}

.ctus .strip-item:hover {
  box-shadow: 2px 5px 25px -2px rgba(16, 187, 237, 0.11);
  transform: translateY(-2px);
}

.ctus .strip-item--accent {
  background: #091618;
  border-color: #091618;
}

.ctus .strip-num {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #10BBED;
  font-weight: 800;
}

.ctus .strip-desc {
  font-size: 14px;
  line-height: 1.55;
  color: #4a5c60;
  margin: 0;
}

.ctus .strip-item--accent .strip-desc {
  color: #D7E0EB;
}

.ctus .strip-item--accent .strip-num {
  color: #ffffff;
}

.ctus .strip-item--accent .strip-label {
  color: #10BBED;
}

.ctus .strip-label {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  color: #091618;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .ctus .sec-top .pg-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ctus .top-h1 {
    font-size: 46px;
  }

  .ctus .form-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .ctus .four-col-strip {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .ctus .sec-top {
    padding: 48px 0 32px;
  }

  .ctus .pg-wrap {
    padding: 0 16px;
  }

  .ctus .top-h1 {
    font-size: 46px;
  }

  .ctus .field-row {
    grid-template-columns: 1fr;
  }

  .ctus .four-col-strip {
    grid-template-columns: 1fr 1fr;
  }

  .ctus .form-side-head {
    font-size: 46px;
  }

  .ctus .glass-card {
    padding: 16px;
  }

  .ctus .sec-form {
    padding: 32px 0 48px;
  }
}

@media (max-width: 375px) {
  .ctus .top-h1 {
    font-size: 46px;
  }

  .ctus .four-col-strip {
    grid-template-columns: 1fr;
  }

  .ctus .btn-submit {
    width: 100%;
    text-align: center;
  }
}

.arc-pg {
    background: #ffffff;
    color: #091618;
    overflow-x: clip;
    position: relative;
}

.arc-pg .arc-top {
    background: #091618;
    padding: 48px 0 48px;
    position: relative;
    overflow: hidden;
}

.arc-pg .arc-top__inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    min-height: 320px;
}

.arc-pg .arc-top__left {
    width: 30%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 32px;
    position: relative;
}

.arc-pg .arc-top__left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 16px;
    bottom: 16px;
    width: 2px;
    background: #10BBED;
}

.arc-pg .arc-top__corner-tl {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-top: 1.5px solid #10BBED;
    border-left: 1.5px solid #10BBED;
    border-radius: 2px 0 0 0;
}

.arc-pg .arc-top__corner-br {
    position: absolute;
    bottom: 0;
    right: 32px;
    width: 40px;
    height: 40px;
    border-bottom: 1.5px solid #10BBED;
    border-right: 1.5px solid #10BBED;
    border-radius: 0 0 2px 0;
}

.arc-pg .arc-top__label {
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.08em;
    color: #10BBED;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.arc-pg .arc-top__meta {
    font-size: 14px;
    line-height: 1.55;
    color: #D7E0EB;
    opacity: 0.6;
}

.arc-pg .arc-top__right {
    flex: 1;
    padding-left: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.arc-pg .arc-top__h1 {
    font-size: 62px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0 0 16px;
    position: relative;
    display: inline-block;
}

.arc-pg .arc-top__h1 .arc-underline {
    display: block;
    height: 2px;
    background: linear-gradient(to right, #10BBED, #D7E0EB);
    width: 0;
    animation: arc-draw-line 0.16s cubic-bezier(0.4,0,1,1) 0.2s forwards;
    border-radius: 2px;
    margin-top: 8px;
}

@keyframes arc-draw-line {
    to { width: 100%; }
}

.arc-pg .arc-top__sub {
    font-size: 19px;
    line-height: 1.55;
    color: #D7E0EB;
    max-width: 520px;
    margin: 0 0 32px;
}

.arc-pg .arc-top__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.55;
    color: #091618;
    background: #10BBED;
    padding: 12px 32px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: background 0.12s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
    align-self: flex-start;
    position: relative;
    overflow: hidden;
}

.arc-pg .arc-top__link:hover {
    background: #D7E0EB;
    transform: translateY(-2px);
}

.arc-pg .arc-top__link:focus {
    outline: 2px solid #10BBED;
    outline-offset: 2px;
}

.arc-pg .arc-top__spotlight {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 42px;
    background: radial-gradient(ellipse at 30% 40%, rgba(16,187,237,0.08) 0%, transparent 70%);
    top: -80px;
    right: -60px;
    pointer-events: none;
    animation: arc-spot 8s ease-in-out infinite alternate;
}

@keyframes arc-spot {
    0% { transform: translate(0, 0); }
    100% { transform: translate(40px, 30px); }
}

.arc-pg .arc-geo-motif {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    pointer-events: none;
}

.arc-pg .arc-geo-motif__dot {
    width: 4px;
    height: 4px;
    background: #10BBED;
    border-radius: 2px;
    opacity: 0.4;
}

.arc-pg .arc-list-sec {
    padding: 48px 0 48px;
    background: #ffffff;
    position: relative;
}

.arc-pg .arc-list-sec__inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
}

.arc-pg .arc-list-sec__aside {
    width: 30%;
    flex-shrink: 0;
    position: sticky;
    top: 32px;
}

.arc-pg .arc-list-sec__img-wrap {
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 2px 12px 60px -2px rgba(9,22,24,0.14);
    margin-bottom: 32px;
    position: relative;
}

.arc-pg .arc-list-sec__img-wrap img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.arc-pg .arc-list-sec__stat-block {
    background: #091618;
    border-radius: 2px;
    padding: 32px;
    position: relative;
    overflow: hidden;
}

.arc-pg .arc-list-sec__stat-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, #10BBED, #D7E0EB);
}

.arc-pg .arc-list-sec__stat-label {
    font-size: 14px;
    line-height: 1.55;
    color: #10BBED;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.arc-pg .arc-list-sec__stat-val {
    font-size: 46px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin-bottom: 4px;
}

.arc-pg .arc-list-sec__stat-desc {
    font-size: 14px;
    line-height: 1.55;
    color: #D7E0EB;
    opacity: 0.7;
}

.arc-pg .arc-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 32px 0 0;
}

.arc-pg .arc-flow__icon {
    width: 36px;
    height: 36px;
    background: #D7E0EB;
    border-radius: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.arc-pg .arc-flow__icon svg {
    width: 18px;
    height: 18px;
}

.arc-pg .arc-flow__dash {
    width: 1px;
    height: 24px;
    border-left: 2px dashed #10BBED;
    opacity: 0.5;
}

.arc-pg .arc-list-sec__body {
    flex: 1;
    min-width: 0;
}

.arc-pg .arc-list-sec__h2 {
    font-size: 46px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #091618;
    margin: 0 0 8px;
    position: relative;
    display: inline-block;
}

.arc-pg .arc-list-sec__h2 .arc-underline {
    display: block;
    height: 2px;
    background: linear-gradient(to right, #10BBED, transparent);
    width: 0;
    animation: arc-draw-line 0.14s cubic-bezier(0.4,0,1,1) 0.3s forwards;
    border-radius: 2px;
    margin-top: 6px;
}

.arc-pg .arc-list-sec__intro {
    font-size: 19px;
    line-height: 1.55;
    color: #091618;
    margin: 0 0 32px;
    max-width: 560px;
}

.arc-pg .arc-entries {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.arc-pg .arc-entry {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #D7E0EB;
    text-decoration: none;
    color: #091618;
    transition: background 0.12s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
    border-radius: 2px;
    position: relative;
}

.arc-pg .arc-entry:first-child {
    border-top: 1px solid #D7E0EB;
}

.arc-pg .arc-entry:hover {
    transform: translateX(4px);
}

.arc-pg .arc-entry:hover .arc-entry__arrow {
    color: #10BBED;
    transform: translateX(4px);
}

.arc-pg .arc-entry:focus {
    outline: 2px solid #10BBED;
    outline-offset: 2px;
}

.arc-pg .arc-entry__num {
    font-size: 14px;
    line-height: 1.55;
    color: #10BBED;
    letter-spacing: 0.06em;
    min-width: 32px;
    flex-shrink: 0;
    padding-top: 2px;
}

.arc-pg .arc-entry__body {
    flex: 1;
    min-width: 0;
}

.arc-pg .arc-entry__cat {
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0.07em;
    color: #10BBED;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.arc-pg .arc-entry__ttl {
    font-size: 19px;
    line-height: 1.55;
    color: #091618;
    margin: 0 0 4px;
    font-weight: 600;
    transition: color 0.12s cubic-bezier(0.4,0,1,1);
}

.arc-pg .arc-entry:hover .arc-entry__ttl {
    color: #10BBED;
}

.arc-pg .arc-entry__desc {
    font-size: 14px;
    line-height: 1.8;
    color: #091618;
    opacity: 0.7;
    margin: 0;
}

.arc-pg .arc-entry__arrow {
    font-size: 19px;
    color: #D7E0EB;
    flex-shrink: 0;
    transition: color 0.1s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
    padding-top: 4px;
    display: flex;
    align-items: center;
}

.arc-pg .arc-entry__arrow svg {
    width: 18px;
    height: 18px;
}

.arc-pg .arc-mesh-band {
    background: linear-gradient(to right, #D7E0EB 0%, rgba(16,187,237,0.12) 50%, #D7E0EB 100%);
    height: 2px;
    width: 100%;
}

@media (max-width: 1024px) {
    .arc-pg .arc-top__h1 {
        font-size: 46px;
    }
    .arc-pg .arc-list-sec__aside {
        width: 35%;
    }
    .arc-pg .arc-list-sec__h2 {
        font-size: 46px;
    }
}

@media (max-width: 768px) {
    .arc-pg .arc-top__inner {
        flex-direction: column;
        min-height: unset;
        gap: 32px;
        padding: 0 16px;
    }
    .arc-pg .arc-top__left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 16px;
    }
    .arc-pg .arc-top__left::after {
        display: none;
    }
    .arc-pg .arc-top__right {
        padding-left: 0;
    }
    .arc-pg .arc-top__h1 {
        font-size: 46px;
    }
    .arc-pg .arc-list-sec__inner {
        flex-direction: column;
        padding: 0 16px;
        gap: 32px;
    }
    .arc-pg .arc-list-sec__aside {
        width: 100%;
        position: static;
    }
    .arc-pg .arc-list-sec__h2 {
        font-size: 46px;
    }
    .arc-pg .arc-geo-motif {
        display: none;
    }
}

@media (max-width: 375px) {
    .arc-pg .arc-top__h1 {
        font-size: 46px;
    }
    .arc-pg .arc-list-sec__h2 {
        font-size: 46px;
    }
    .arc-pg .arc-top__inner {
        padding: 0 12px;
    }
    .arc-pg .arc-list-sec__inner {
        padding: 0 12px;
    }
}

.abt-pg {
  background: #fff;
  overflow-x: clip;
}

.abt-pg *,
.abt-pg *::before,
.abt-pg *::after {
  box-sizing: border-box;
}

@keyframes auroraShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes slowRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes underlineIn {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes gradShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.abt-pg__hero {
  position: relative;
  padding: 96px 16px 80px;
  background: linear-gradient(120deg, #091618, #0d2f35, #10BBED, #091618);
  background-size: 300% 300%;
  animation: gradShift 12s ease-in-out infinite;
}

.abt-pg__hero-inner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
}

.abt-pg__hero-text {
  flex: 1 1 0;
  min-width: 0;
}

.abt-pg__hero-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.abt-pg__hero-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #10BBED;
  flex-shrink: 0;
}

.abt-pg__hero-label-text {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  color: #D7E0EB;
  text-transform: uppercase;
}

.abt-pg__hero-h1 {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 0 0 16px;
}

.abt-pg__hero-h1 span {
  display: block;
  color: #10BBED;
}

.abt-pg__hero-desc {
  font-size: 19px;
  line-height: 1.55;
  color: #D7E0EB;
  margin: 0 0 32px;
  max-width: 480px;
}

.abt-pg__hero-cta {
  display: inline-block;
  padding: 16px 32px;
  background: #10BBED;
  color: #091618;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 700;
  border-radius: 2px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background 0.12s cubic-bezier(0.4,0,1,1), transform 0.12s cubic-bezier(0.4,0,1,1);
}

.abt-pg__hero-cta:hover {
  background: #D7E0EB;
  transform: translateY(-2px);
}

.abt-pg__hero-cta:focus {
  outline: 2px solid #10BBED;
  outline-offset: 3px;
}

.abt-pg__hero-img-col {
  flex: 0 0 420px;
  position: relative;
}

.abt-pg__hero-deco {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 180px;
  height: 180px;
  border: 2px dashed rgba(16,187,237,0.4);
  border-radius: 42px;
  animation: slowRotate 18s linear infinite;
  pointer-events: none;
}

.abt-pg__hero-img-wrap {
  position: relative;
  border-radius: 42px;
  overflow: hidden;
  box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14);
}

.abt-pg__hero-img-wrap img {
  width: 420px;
  height: 340px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 42px;
  filter: saturate(0.8) brightness(0.85);
}

.abt-pg__hero-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(9,22,24,0.5), rgba(16,187,237,0.25));
  border-radius: 42px;
  pointer-events: none;
}

.abt-pg__divider-a {
  width: 100%;
  height: 6px;
  background: linear-gradient(to right, #D7E0EB 0%, #10BBED 60%, #091618 100%);
}

.abt-pg__team {
  background: #f4f8fa;
  padding: 80px 16px;
  position: relative;
}

.abt-pg__team-mesh {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 30%, rgba(16,187,237,0.07) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 70%, rgba(9,22,24,0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 55% 10%, rgba(215,224,235,0.18) 0%, transparent 50%);
  pointer-events: none;
}

.abt-pg__team-inner {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}

.abt-pg__team-top {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 48px;
  margin-bottom: 48px;
}

.abt-pg__team-heading-col {
  flex: 0 0 480px;
}

.abt-pg__team-h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0 0 12px;
  position: relative;
  display: inline-block;
}

.abt-pg__team-h2::after {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(to right, #10BBED, #091618);
  border-radius: 2px;
  transform-origin: left;
  animation: underlineIn 0.7s cubic-bezier(0.4,0,1,1) 0.2s both;
}

.abt-pg__team-sub {
  font-size: 14px;
  line-height: 1.55;
  color: #3a5a62;
  letter-spacing: 0.03em;
  margin: 0;
}

.abt-pg__team-desc-col {
  flex: 1 1 0;
  min-width: 0;
}

.abt-pg__team-desc {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  margin: 0;
}

.abt-pg__team-grid {
  display: grid;
  grid-template-columns: 1fr 1.6fr 1fr;
  gap: 32px;
  align-items: start;
}

.abt-pg__member {
  background: #fff;
  border-radius: 42px;
  padding: 32px;
  box-shadow: 2px 5px 25px -2px rgba(9,22,24,0.11);
  transition: transform 0.15s cubic-bezier(0.4,0,1,1), box-shadow 0.15s cubic-bezier(0.4,0,1,1);
}

.abt-pg__member:hover {
  transform: translateY(-4px);
  box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14);
}

.abt-pg__member--center {
  padding: 48px 32px;
  border: 2px dashed rgba(16,187,237,0.35);
}

.abt-pg__member-portrait {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 16px;
  box-shadow: 2px 5px 25px -2px rgba(9,22,24,0.11);
}

.abt-pg__member-portrait img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.abt-pg__member-name {
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #091618;
  margin: 0 0 4px;
}

.abt-pg__member-role {
  font-size: 14px;
  line-height: 1.55;
  color: #10BBED;
  letter-spacing: 0.04em;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.abt-pg__member-role-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10BBED;
  flex-shrink: 0;
}

.abt-pg__member-bio {
  font-size: 14px;
  line-height: 1.8;
  color: #3a5a62;
  margin: 0;
}

.abt-pg__member-quote {
  margin: 16px 0 0;
  padding: 12px 16px;
  background: rgba(16,187,237,0.07);
  border-radius: 2px;
}

.abt-pg__member-quote-text {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
  margin: 0;
}

.abt-pg__member-quote-text::before {
  content: '"';
  color: #10BBED;
  font-size: 19px;
  line-height: 1;
  margin-right: 2px;
}

.abt-pg__member-quote-text::after {
  content: '"';
  color: #10BBED;
  font-size: 19px;
  line-height: 1;
  margin-left: 2px;
}

.abt-pg__vals {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.abt-pg__val-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}

.abt-pg__val-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #10BBED;
  flex-shrink: 0;
  margin-top: 6px;
}

.abt-pg__val-text {
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  margin: 0;
}

.abt-pg__divider-b {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #10BBED 0%, #D7E0EB 50%, #091618 100%);
  opacity: 0.4;
}

.abt-pg__contact {
  background: #fff;
  padding: 80px 16px;
}

.abt-pg__contact-inner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start;
}

.abt-pg__contact-info {
  flex: 0 0 420px;
}

.abt-pg__contact-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.abt-pg__contact-label-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10BBED;
}

.abt-pg__contact-label-text {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.07em;
  color: #10BBED;
  text-transform: uppercase;
}

.abt-pg__contact-h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0 0 16px;
  position: relative;
  display: inline-block;
}

.abt-pg__contact-h2::after {
  content: '';
  display: block;
  height: 3px;
  background: linear-gradient(to right, #10BBED, transparent);
  border-radius: 2px;
  transform-origin: left;
  animation: underlineIn 0.7s cubic-bezier(0.4,0,1,1) 0.3s both;
}

.abt-pg__contact-body {
  font-size: 19px;
  line-height: 1.55;
  color: #3a5a62;
  margin: 0 0 32px;
}

.abt-pg__contact-imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.abt-pg__contact-img-wrap {
  border-radius: 42px;
  overflow: hidden;
  box-shadow: 2px 12px 60px -2px rgba(9,22,24,0.14);
}

.abt-pg__contact-img-wrap img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.15s cubic-bezier(0.4,0,1,1);
}

.abt-pg__contact-img-wrap:hover img {
  transform: scale(1.03);
}

.abt-pg__contact-img-wrap--tall {
  grid-row: span 2;
}

.abt-pg__contact-img-wrap--tall img {
  height: 100%;
  min-height: 200px;
}

.abt-pg__form-col {
  flex: 1 1 0;
  min-width: 0;
}

.abt-pg__form {
  background: #f4f8fa;
  border-radius: 42px;
  padding: 48px;
  box-shadow: 2px 5px 25px -2px rgba(9,22,24,0.11);
}

.abt-pg__form-h3 {
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #091618;
  margin: 0 0 32px;
}

.abt-pg__field {
  margin-bottom: 16px;
}

.abt-pg__field label {
  display: block;
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.abt-pg__field input,
.abt-pg__field select,
.abt-pg__field textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  background: #fff;
  border: 1.5px solid #D7E0EB;
  border-radius: 2px;
  outline: none;
  box-shadow: inset 1px 2px 4px rgba(9,22,24,0.05);
  transition: border-color 0.12s cubic-bezier(0.4,0,1,1), box-shadow 0.12s cubic-bezier(0.4,0,1,1);
  appearance: none;
}

.abt-pg__field input::placeholder,
.abt-pg__field textarea::placeholder {
  color: rgba(16,187,237,0.45);
}

.abt-pg__field input:focus,
.abt-pg__field select:focus,
.abt-pg__field textarea:focus {
  border-color: #10BBED;
  box-shadow: inset 1px 2px 4px rgba(16,187,237,0.08), 0 0 0 2px rgba(16,187,237,0.12);
}

.abt-pg__field textarea {
  resize: vertical;
  min-height: 100px;
}

.abt-pg__privacy {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 32px;
  margin-top: 8px;
}

.abt-pg__privacy input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: #10BBED;
  cursor: pointer;
}

.abt-pg__privacy-text {
  font-size: 14px;
  line-height: 1.55;
  color: #3a5a62;
  margin: 0;
}

.abt-pg__privacy-text a {
  color: #091618;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.12s cubic-bezier(0.4,0,1,1);
}

.abt-pg__privacy-text a:hover {
  color: #10BBED;
}

.abt-pg__submit {
  display: inline-block;
  padding: 16px 48px;
  background: #091618;
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: background 0.12s cubic-bezier(0.4,0,1,1), transform 0.1s cubic-bezier(0.4,0,1,1);
}

.abt-pg__submit:hover {
  background: #10BBED;
  color: #091618;
  transform: translateY(-2px);
}

.abt-pg__submit:focus {
  outline: 2px solid #10BBED;
  outline-offset: 3px;
}

.abt-pg__submit::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: width 0.18s cubic-bezier(0.4,0,1,1), height 0.18s cubic-bezier(0.4,0,1,1), opacity 0.18s;
  opacity: 0;
  pointer-events: none;
}

.abt-pg__submit:active::after {
  width: 300px;
  height: 300px;
  opacity: 0;
}

@media (max-width: 1024px) {
  .abt-pg__hero-h1 {
    font-size: 46px;
  }
  .abt-pg__hero-img-col {
    flex: 0 0 320px;
  }
  .abt-pg__hero-img-wrap img {
    width: 320px;
    height: 260px;
  }
  .abt-pg__team-grid {
    grid-template-columns: 1fr 1fr;
  }
  .abt-pg__team-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .abt-pg__team-heading-col {
    flex: none;
  }
  .abt-pg__contact-inner {
    flex-direction: column;
  }
  .abt-pg__contact-info {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .abt-pg__hero-inner {
    flex-direction: column;
    gap: 32px;
  }
  .abt-pg__hero-img-col {
    flex: none;
    width: 100%;
  }
  .abt-pg__hero-img-wrap img {
    width: 100%;
    height: 240px;
  }
  .abt-pg__hero-h1 {
    font-size: 46px;
  }
  .abt-pg__team-grid {
    grid-template-columns: 1fr;
  }
  .abt-pg__contact-imgs {
    grid-template-columns: 1fr;
  }
  .abt-pg__contact-img-wrap--tall {
    grid-row: auto;
  }
  .abt-pg__form {
    padding: 32px 16px;
  }
  .abt-pg__contact-h2,
  .abt-pg__team-h2 {
    font-size: 46px;
  }
}

@media (max-width: 375px) {
  .abt-pg__hero {
    padding: 64px 16px 48px;
  }
  .abt-pg__hero-h1 {
    font-size: 46px;
  }
  .abt-pg__team,
  .abt-pg__contact {
    padding: 48px 16px;
  }
}

.srv {
  background: #fff;
  overflow-x: clip;
  position: relative;
}

.srv * {
  box-sizing: border-box;
}

.srv__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
}

@keyframes srvReveal {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes srvShadowPulse {
  0%, 100% { box-shadow: 2px 1px 6px -2px rgba(16,187,237,0.05); }
  50% { box-shadow: 2px 12px 60px -2px rgba(16,187,237,0.14); }
}

@keyframes srvRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes srvLineGrow {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes srvFadeUp {
  from { opacity: 0; transform: translateY(24px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.srv__ripple-btn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.srv__ripple-btn::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(16,187,237,0.22);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.18s cubic-bezier(0.4,0,1,1), height 0.18s cubic-bezier(0.4,0,1,1), opacity 0.18s cubic-bezier(0.4,0,1,1);
  opacity: 0;
  pointer-events: none;
}

.srv__ripple-btn:active::after {
  width: 200px;
  height: 200px;
  opacity: 1;
}

.srv__title-block {
  position: relative;
  padding: 48px 0 32px;
  background: linear-gradient(to right, rgba(9,22,24,0.04) 0%, rgba(16,187,237,0.07) 100%);
  overflow: hidden;
}

.srv__title-block::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 2px solid rgba(16,187,237,0.12);
  pointer-events: none;
}

.srv__title-block::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 2px solid rgba(9,22,24,0.07);
  pointer-events: none;
}

.srv__title-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
}

.srv__title-text {
  flex: 1;
  animation: srvReveal 0.18s cubic-bezier(0.4,0,1,1) both;
}

.srv__eyebrow {
  display: inline-block;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.12em;
  color: #10BBED;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-weight: 600;
}

.srv__h1 {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #091618;
  margin: 0 0 16px;
}

.srv__h1 span {
  background: linear-gradient(to right, #091618, #10BBED);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.srv__title-img-wrap {
  flex: 0 0 340px;
  position: relative;
}

.srv__title-img {
  width: 340px;
  height: 260px;
  object-fit: cover;
  object-position: center;
  clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  display: block;
  filter: saturate(1.15) contrast(1.05);
  animation: srvReveal 0.18s cubic-bezier(0.4,0,1,1) 0.08s both;
}

.srv__title-img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(16,187,237,0.18), transparent);
  pointer-events: none;
  z-index: 1;
}

.srv__geo-bg {
  position: absolute;
  bottom: -40px;
  left: 32px;
  width: 80px;
  height: 80px;
  border: 2px solid rgba(16,187,237,0.15);
  border-radius: 2px;
  animation: srvRotate 18s linear infinite;
  pointer-events: none;
}

.srv__overview {
  padding: 48px 0;
  background: #fff;
  position: relative;
}

.srv__overview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  align-items: stretch;
}

.srv__card {
  background: #D7E0EB;
  border-radius: 2px;
  padding: 32px;
  position: relative;
  transition: transform 0.12s cubic-bezier(0.4,0,1,1), box-shadow 0.15s cubic-bezier(0.4,0,1,1);
  animation: srvFadeUp 0.18s cubic-bezier(0.4,0,1,1) both;
}

.srv__card:hover {
  transform: translateY(-4px);
  box-shadow: 2px 5px 25px -2px rgba(9,22,24,0.11);
}

.srv__card--tall {
  background: #091618;
  color: #D7E0EB;
  padding: 48px 32px;
  animation-delay: 0.06s;
  animation: srvShadowPulse 4s ease-in infinite, srvFadeUp 0.18s cubic-bezier(0.4,0,1,1) 0.06s both;
}

.srv__card--left {
  animation-delay: 0.02s;
}

.srv__card--right {
  animation-delay: 0.1s;
}

.srv__card-num {
  font-size: 62px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: #10BBED;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.srv__card-label {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.06em;
  color: #091618;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}

.srv__card--tall .srv__card-label {
  color: #10BBED;
}

.srv__card-body {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
}

.srv__card--tall .srv__card-body {
  color: #D7E0EB;
  font-size: 19px;
  line-height: 1.55;
}

.srv__card-h {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  margin: 0 0 12px;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.srv__card-h::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 0;
  background: #10BBED;
  transition: width 0.15s cubic-bezier(0.4,0,1,1);
}

.srv__card:hover .srv__card-h::after {
  width: 100%;
}

.srv__card--tall .srv__card-h {
  color: #fff;
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

.srv__card--tall .srv__card-h::after {
  background: #10BBED;
}

.srv__process {
  padding: 48px 0;
  background: linear-gradient(to right, #091618 0%, #0d2b30 100%);
  position: relative;
  overflow: hidden;
}

.srv__process-geo {
  position: absolute;
  top: -80px;
  right: -80px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 2px solid rgba(16,187,237,0.08);
  animation: srvRotate 24s linear infinite reverse;
  pointer-events: none;
}

.srv__process-geo2 {
  position: absolute;
  bottom: -60px;
  left: 60px;
  width: 180px;
  height: 180px;
  border-radius: 2px;
  border: 2px solid rgba(215,224,235,0.06);
  animation: srvRotate 16s linear infinite;
  pointer-events: none;
}

.srv__proc-head {
  margin-bottom: 48px;
}

.srv__proc-eyebrow {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.12em;
  color: #10BBED;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
}

.srv__proc-h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0;
}

.srv__steps {
  display: flex;
  flex-direction: row;
  gap: 0;
  position: relative;
  align-items: flex-start;
}

.srv__step {
  flex: 1;
  position: relative;
  padding: 0 16px;
  animation: srvFadeUp 0.18s cubic-bezier(0.4,0,1,1) both;
}

.srv__step:first-child { animation-delay: 0s; }
.srv__step:nth-child(2) { animation-delay: 0.04s; }
.srv__step:nth-child(3) { animation-delay: 0.08s; }
.srv__step:nth-child(4) { animation-delay: 0.12s; }

.srv__step-connector {
  position: absolute;
  top: 28px;
  right: -16px;
  width: 32px;
  height: 2px;
  border-top: 2px dashed rgba(16,187,237,0.45);
  z-index: 2;
  pointer-events: none;
}

.srv__step:last-child .srv__step-connector {
  display: none;
}

.srv__step-icon {
  width: 56px;
  height: 56px;
  border-radius: 2px;
  background: rgba(16,187,237,0.12);
  border: 2px solid rgba(16,187,237,0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: background 0.12s cubic-bezier(0.4,0,1,1), transform 0.12s cubic-bezier(0.4,0,1,1);
}

.srv__step-icon:hover {
  background: rgba(16,187,237,0.22);
  transform: translateY(-3px);
}

.srv__step-svg {
  width: 28px;
  height: 28px;
  stroke: #10BBED;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.srv__step-num {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.1em;
  color: #10BBED;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.srv__step-h {
  font-size: 19px;
  line-height: 1.55;
  color: #fff;
  margin: 0 0 8px;
  font-weight: 700;
}

.srv__step-desc {
  font-size: 14px;
  line-height: 1.8;
  color: #D7E0EB;
}

.srv__team {
  padding: 48px 0;
  background: #D7E0EB;
  position: relative;
}

.srv__team-inner {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start;
}

.srv__team-text {
  flex: 1;
}

.srv__team-eyebrow {
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.12em;
  color: #10BBED;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 12px;
}

.srv__team-h2 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #091618;
  margin: 0 0 16px;
  position: relative;
  display: inline-block;
}

.srv__team-h2::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 3px;
  background: linear-gradient(to right, #091618, #10BBED);
  animation: srvLineGrow 0.18s cubic-bezier(0.4,0,1,1) 0.1s both;
  width: 100%;
}

.srv__team-desc {
  font-size: 14px;
  line-height: 1.8;
  color: #091618;
  margin-bottom: 32px;
}

.srv__quote {
  font-size: 19px;
  line-height: 1.55;
  color: #091618;
  font-style: italic;
  margin: 0 0 32px;
}

.srv__quote::before {
  content: '\201C';
  color: #10BBED;
  font-size: 46px;
  line-height: 1;
  font-style: normal;
  display: block;
  margin-bottom: 4px;
}

.srv__quote::after {
  content: '\201D';
  color: #10BBED;
  font-size: 46px;
  line-height: 1;
  font-style: normal;
  display: inline-block;
  margin-left: 4px;
  vertical-align: bottom;
}

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

.srv__team-list li {
  font-size: 14px;
  line-height: 1.55;
  color: #091618;
  padding-left: 20px;
  position: relative;
}

.srv__team-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #10BBED;
  border-top: 2px solid #10BBED;
  transform: rotate(45deg);
}

.srv__portraits {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.srv__portrait-card {
  background: #fff;
  border-radius: 42px;
  padding: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  box-shadow: 2px 5px 25px -2px rgba(9,22,24,0.11);
  transition: transform 0.12s cubic-bezier(0.4,0,1,1), box-shadow 0.15s ease-in;
}

.srv__portrait-card:hover {
  transform: translateY(-3px);
  box-shadow: 2px 12px 60px -2px rgba(9,22,24,0.14);
}

.srv__portrait-img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  border: 2px solid #10BBED;
}

.srv__portrait-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.srv__portrait-name {
  font-size: 14px;
  line-height: 1.55;
  font-weight: 700;
  color: #091618;
}

.srv__portrait-role {
  font-size: 14px;
  line-height: 1.55;
  color: #10BBED;
}

.srv__link-btn {
  display: inline-block;
  padding: 12px 32px;
  background: #091618;
  color: #fff;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: 0.08em;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
  transition: transform 0.12s cubic-bezier(0.4,0,1,1), background 0.12s cubic-bezier(0.4,0,1,1);
  margin-top: 16px;
  border: none !important;
}

.srv__link-btn:hover {
  transform: translateY(-2px);
  background: #10BBED;
  color: #091618;
}

.srv__icon-trail {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
}

.srv__trail-icon {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background: #091618;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.srv__trail-svg {
  width: 22px;
  height: 22px;
  stroke: #10BBED;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.srv__trail-dash {
  flex: 1;
  height: 2px;
  border-top: 2px dashed rgba(9,22,24,0.25);
  max-width: 32px;
}

@media (max-width: 1024px) {
  .srv__title-inner {
    gap: 32px;
  }
  .srv__title-img-wrap {
    flex: 0 0 260px;
  }
  .srv__title-img {
    width: 260px;
    height: 200px;
  }
  .srv__h1 {
    font-size: 46px;
  }
  .srv__overview-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .srv__card--tall {
    grid-column: 1 / -1;
  }
  .srv__steps {
    flex-direction: column;
    gap: 32px;
  }
  .srv__step {
    padding: 0;
  }
  .srv__step-connector {
    display: none;
  }
  .srv__team-inner {
    gap: 32px;
  }
  .srv__portraits {
    flex: 0 0 240px;
  }
}

@media (max-width: 768px) {
  .srv__title-inner {
    flex-direction: column;
    gap: 24px;
  }
  .srv__title-img-wrap {
    flex: 0 0 auto;
    width: 100%;
  }
  .srv__title-img {
    width: 100%;
    height: 200px;
  }
  .srv__h1 {
    font-size: 46px;
  }
  .srv__overview-grid {
    grid-template-columns: 1fr;
  }
  .srv__team-inner {
    flex-direction: column;
    gap: 32px;
  }
  .srv__portraits {
    flex: 0 0 auto;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .srv__portrait-card {
    flex: 1 1 calc(50% - 16px);
  }
  .srv__proc-h2 {
    font-size: 46px;
  }
}

@media (max-width: 375px) {
  .srv__inner {
    padding: 0 16px;
  }
  .srv__title-inner {
    padding: 0 16px;
  }
  .srv__h1 {
    font-size: 46px;
  }
  .srv__portrait-card {
    flex: 1 1 100%;
  }
  .srv__proc-h2 {
    font-size: 46px;
  }
  .srv__team-h2 {
    font-size: 46px;
  }
}

.suc-page {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding: 48px 16px;
}

.suc-page .suc-wrap {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.suc-page .suc-icon {
    width: 72px;
    height: 72px;
    border-radius: 42px;
    background: linear-gradient(to right, #091618, #10BBED);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 5px 25px -2px rgba(16, 187, 237, 0.11);
    flex-shrink: 0;
}

.suc-page .suc-icon svg {
    width: 36px;
    height: 36px;
    display: block;
}

.suc-page .suc-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    max-width: 520px;
}

.suc-page .suc-body .suc__title {
    font-size: 46px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #091618;
    margin: 0;
}

.suc-page .suc-body .suc__sub {
    font-size: 19px;
    line-height: 1.55;
    color: #091618;
    margin: 0;
    opacity: 0.78;
}

.suc-page .suc-divider {
    width: 48px;
    height: 2px;
    background: linear-gradient(to right, #091618, #10BBED);
    border-radius: 2px;
}

.suc-page .suc-note {
    font-size: 14px;
    line-height: 1.8;
    color: #091618;
    opacity: 0.6;
    margin: 0;
    text-align: center;
    max-width: 400px;
}

.suc-page .suc-btn {
    display: inline-block;
    padding: 16px 48px;
    background: #091618;
    color: #D7E0EB;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.06em;
    border-radius: 2px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 2px 1px 6px -2px rgba(9, 22, 24, 0.05);
    transition: background 0.15s cubic-bezier(0.4,0,1,1), box-shadow 0.12s ease-in, transform 0.12s cubic-bezier(0.4,0,1,1);
    position: relative;
    overflow: hidden;
}

.suc-page .suc-btn:hover {
    background: #10BBED;
    color: #091618;
    box-shadow: 2px 5px 25px -2px rgba(16, 187, 237, 0.11);
    transform: translateY(-2px);
}

.suc-page .suc-btn:focus {
    outline: 2px solid #10BBED;
    outline-offset: 3px;
}

.suc-page .suc-btn:active {
    transform: translateY(0);
    box-shadow: 2px 1px 6px -2px rgba(9, 22, 24, 0.05);
}

@media (max-width: 768px) {
    .suc-page .suc-body .suc__title {
        font-size: 46px;
    }
}

@media (max-width: 375px) {
    .suc-page {
        padding: 32px 16px;
    }

    .suc-page .suc-body .suc__title {
        font-size: 46px;
    }

    .suc-page .suc-btn {
        padding: 16px 32px;
        width: 100%;
        text-align: center;
    }
}