.hero-center {
  max-width: 62rem !important;
}

.hero-h1 {
  font-size: clamp(3.2rem, 6vw, 5.1rem) !important;
  letter-spacing: 0 !important;
  margin-bottom: .15rem !important;
}

.line-1,
.m03-title-line-1 {
  text-wrap: balance;
}

.hero-sub {
  max-width: 48rem !important;
  text-wrap: balance;
}

.tinker-line2-source,
.tinker-line2 > .typing-text:not(.tinker-typing-text) {
  display: none !important;
}

.tinker-line2::before {
  content: none !important;
}

.tinker-typewriter-host {
  display: block;
  width: 100%;
  min-height: 1.08em;
  margin: -.08em auto 1.35rem;
  text-align: center;
  font-size: clamp(3.2rem, 6vw, 5.1rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0;
  white-space: nowrap;
}

.tinker-typewriter-live {
  display: inline-block;
  min-width: 8ch;
  background: linear-gradient(135deg, var(--color-primary, #00cae0), #00e5a0, #4de8ff);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.tinker-typewriter-cursor {
  display: inline-block;
  margin-left: .08em;
  color: #7fffee;
  text-shadow: 0 0 1rem rgba(0, 229, 224, .45);
  animation: tinker-cursor-blink .9s steps(2, start) infinite;
}

.welcome-lang-toggle {
  min-width: 3.8rem;
  justify-content: center;
}

.hero .cta-main,
.hero .cta-sub {
  min-width: 9.1rem;
  justify-content: center;
}

.h-btn-solid {
  min-width: 6.4rem;
  justify-content: center;
}

.tinker-locale-switching .hero-center,
.tinker-locale-switching .m03-hero-content,
.tinker-locale-switching .sec-head,
.tinker-locale-switching .cap-card,
.tinker-locale-switching .feat,
.tinker-locale-switching .cta-inner {
  animation: tinker-locale-settle .34s ease both;
}

@keyframes tinker-cursor-blink {
  0%, 45% {
    opacity: 1;
  }
  46%, 100% {
    opacity: .08;
  }
}

@keyframes tinker-locale-settle {
  0% {
    opacity: .72;
    transform: translateY(.35rem);
    filter: blur(.08rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

.tinker-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .55rem;
  margin: -1.35rem auto 2rem;
  max-width: 45rem;
}

.tinker-model-mark {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: rgba(228, 252, 255, .88);
  background: linear-gradient(180deg, rgba(0, 202, 224, .13), rgba(255, 255, 255, .045));
  border: 1px solid rgba(0, 202, 224, .2);
  border-radius: 999rem;
  padding: .38rem .72rem;
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 1.1rem rgba(0, 202, 224, .08);
}

.tinker-model-mark:before {
  content: "";
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: #00e5a0;
  box-shadow: 0 0 .6rem rgba(0, 229, 160, .75);
}

.tinker-contact-lock {
  overflow: hidden;
}

.tinker-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity .22s ease;
}

.tinker-contact-modal.is-open {
  pointer-events: auto;
  opacity: 1;
}

.tinker-contact-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 7, 14, .78);
  backdrop-filter: blur(.65rem);
}

.tinker-contact-panel {
  position: relative;
  width: min(24rem, calc(100vw - 2rem));
  border: 1px solid rgba(112, 242, 255, .18);
  border-radius: 1.05rem;
  background: linear-gradient(155deg, rgba(18, 24, 36, .98), rgba(9, 13, 22, .98));
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .58), 0 0 2.5rem rgba(0, 202, 224, .1);
  padding: 1.45rem;
  color: #f5fbff;
  transform: translateY(.6rem) scale(.97);
  transition: transform .22s ease;
}

.tinker-contact-modal.is-open .tinker-contact-panel {
  transform: translateY(0) scale(1);
}

.tinker-contact-close {
  position: absolute;
  top: .95rem;
  right: .95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  color: rgba(235, 247, 255, .72);
  background: rgba(255, 255, 255, .06);
  cursor: pointer;
}

.tinker-contact-head {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding-right: 2.2rem;
}

.tinker-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  border-radius: .75rem;
  color: #2eeaff;
  background: rgba(0, 202, 224, .14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.tinker-contact-head h2 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.tinker-contact-head p,
.tinker-contact-hint {
  margin: .25rem 0 0;
  color: rgba(224, 238, 247, .62);
  font-size: .86rem;
}

.tinker-contact-qr-wrap {
  display: grid;
  place-items: center;
  width: min(17.5rem, 100%);
  aspect-ratio: 1;
  margin: 1.35rem auto .75rem;
  padding: .72rem;
  border-radius: .95rem;
  background: #fff;
  box-shadow: 0 1rem 2.6rem rgba(0, 0, 0, .32), 0 0 0 1px rgba(255, 255, 255, .12);
}

.tinker-contact-qr {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: .55rem;
}

.tinker-contact-hint {
  text-align: center;
  margin-top: .35rem;
}

.tinker-contact-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .7rem;
  margin-top: 1.15rem;
}

.tinker-contact-secondary,
.tinker-contact-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  min-height: 2.7rem;
  border-radius: .7rem;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.tinker-contact-secondary {
  color: rgba(242, 248, 255, .88);
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .045);
}

.tinker-contact-primary {
  color: #f8fdff;
  border: 1px solid rgba(0, 202, 224, .36);
  background: linear-gradient(135deg, #04d4ed, #09a7d8);
  box-shadow: 0 .8rem 1.8rem rgba(0, 202, 224, .2);
}

.zhifu-tubiao-bar,
.zhifu-tubiao-card,
.zhifu-tubiao-img,
.login-overlay,
.login-container,
.kefu-fab,
.m10-fab,
.ft-jubao,
.login-overlay .divider,
.login-overlay .social-login,
.login-overlay .social-btn,
.login-overlay .zhaohui-zhanghao-entry {
  display: none !important;
}

.tinker-legal-modal {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity .22s ease;
}

.tinker-legal-modal.is-open {
  pointer-events: auto;
  opacity: 1;
}

.tinker-legal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 7, 14, .8);
  backdrop-filter: blur(.7rem);
}

.tinker-legal-panel {
  position: relative;
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(40rem, calc(100vh - 2.5rem));
  overflow: hidden;
  border: 1px solid rgba(112, 242, 255, .18);
  border-radius: 1.05rem;
  background: linear-gradient(155deg, rgba(18, 24, 36, .98), rgba(9, 13, 22, .98));
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .58), 0 0 2.5rem rgba(0, 202, 224, .1);
  color: #f5fbff;
  transform: translateY(.6rem) scale(.98);
  transition: transform .22s ease;
}

.tinker-legal-modal.is-open .tinker-legal-panel {
  transform: translateY(0) scale(1);
}

.tinker-legal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  color: rgba(235, 247, 255, .72);
  background: rgba(255, 255, 255, .06);
  cursor: pointer;
}

.tinker-legal-head {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: 1.25rem 3.3rem 1.1rem 1.35rem;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.tinker-legal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  flex: 0 0 auto;
  border-radius: .75rem;
  color: #2eeaff;
  background: rgba(0, 202, 224, .14);
}

.tinker-legal-head h2 {
  margin: 0;
  font-size: 1.24rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.tinker-legal-content {
  max-height: calc(min(40rem, calc(100vh - 2.5rem)) - 5.3rem);
  overflow: auto;
  padding: 1.25rem 1.45rem 1.55rem;
  color: rgba(225, 237, 246, .78);
  font-size: .94rem;
  line-height: 1.82;
}

.tinker-legal-content h3 {
  margin: 1rem 0 .35rem;
  color: rgba(250, 254, 255, .94);
  font-size: 1rem;
}

.tinker-legal-content p {
  margin: .35rem 0;
}

.orbit-icon {
  object-fit: contain !important;
  box-sizing: border-box !important;
  padding: .28rem !important;
  background: rgba(12, 18, 28, .92) !important;
  border-color: rgba(111, 230, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 .7rem rgba(0, 202, 224, .1);
}

.orbit-name {
  max-width: 4.9rem !important;
  color: rgba(214, 236, 242, .55) !important;
  font-size: .62rem !important;
}

.spotlight-card {
  width: 16.5rem !important;
  min-width: 16.5rem !important;
  max-width: 16.5rem !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-shadow: 0 .25rem 1.1rem rgba(0, 0, 0, .72);
}

.spotlight-img {
  object-fit: contain !important;
  box-sizing: border-box !important;
  padding: .5rem !important;
  background: rgba(5, 10, 18, .82) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

.spotlight-name {
  color: #7af8ee !important;
  text-shadow: 0 0 1rem rgba(0, 229, 224, .34), 0 .3rem 1rem rgba(0, 0, 0, .7);
}

.spotlight-desc {
  color: rgba(236, 248, 255, .72) !important;
  width: 16.5rem;
  max-width: 16.5rem;
  min-height: 3.45em;
  line-height: 1.62;
  text-align: center;
  text-wrap: auto;
  word-break: normal;
  overflow-wrap: normal;
}

.tinker-spotlight-typewriter {
  white-space: normal !important;
}

.tinker-spotlight-typewriter::after {
  content: "|";
  display: inline-block;
  margin-left: .12em;
  color: rgba(130, 255, 244, .92);
  text-shadow: 0 0 .85rem rgba(0, 229, 224, .45);
  animation: tinker-cursor-blink 1s steps(1, end) infinite;
}

.sec-h2 {
  max-width: 58rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-wrap: balance;
}

.sec-p {
  max-width: 46rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-wrap: balance;
}

.sec-h2 .grad {
  background: linear-gradient(135deg, var(--color-primary), #00e5a0, #7850ff);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.cap-desc,
.feat-desc {
  color: rgba(221, 233, 241, .72) !important;
}

.tinker-signin-palette,
.tinker-signin-palette body,
.tinker-signin-palette #app,
.tinker-signin-palette .welcome-page,
.tinker-signin-palette .moban-01 {
  background:
    radial-gradient(circle at 70% 18%, rgba(84, 204, 255, .2), transparent 32rem),
    radial-gradient(circle at 42% 80%, rgba(155, 128, 255, .14), transparent 30rem),
    linear-gradient(135deg, #dbeafe 0%, #f2f7ff 47%, #f6f8ff 100%) !important;
  color: #07142d !important;
}

.tinker-signin-palette .global-bg {
  background:
    linear-gradient(rgba(30, 116, 210, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 116, 210, .12) 1px, transparent 1px),
    radial-gradient(circle at 18% 12%, rgba(37, 99, 235, .2), transparent 22rem),
    radial-gradient(circle at 78% 78%, rgba(137, 92, 246, .13), transparent 27rem) !important;
  background-size: 4rem 4rem, 4rem 4rem, auto, auto !important;
}

.tinker-signin-palette .gradient-flow,
.tinker-signin-palette .gradient-orb {
  opacity: .34 !important;
  filter: blur(.25rem) saturate(1.05) !important;
}

.tinker-signin-palette .grid-lines {
  opacity: .58 !important;
  background-image:
    linear-gradient(rgba(33, 100, 190, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33, 100, 190, .09) 1px, transparent 1px) !important;
}

.tinker-signin-palette .particle {
  background: #0587e8 !important;
  box-shadow: 0 0 .85rem rgba(0, 132, 255, .42) !important;
}

.tinker-signin-palette .header,
.tinker-signin-palette .header.scrolled {
  background: rgba(245, 249, 255, .68) !important;
  border-bottom: 1px solid rgba(36, 92, 174, .1) !important;
  box-shadow: 0 .9rem 2.6rem rgba(55, 89, 144, .08) !important;
  backdrop-filter: blur(1.1rem) saturate(1.1) !important;
}

.tinker-signin-palette .h-logo-name,
.tinker-signin-palette .h-btn,
.tinker-signin-palette .welcome-lang-toggle {
  color: #10203d !important;
}

.tinker-signin-palette .h-btn-ghost,
.tinker-signin-palette .welcome-lang-toggle {
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(34, 88, 155, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

.tinker-signin-palette .h-btn-solid,
.tinker-signin-palette .cta-main,
.tinker-signin-palette .cb-main,
.tinker-signin-palette .m03-btn-glow-content {
  color: #fff !important;
  background: linear-gradient(135deg, #0b7de3, #00aeea) !important;
  border-color: rgba(0, 106, 220, .22) !important;
  box-shadow: 0 1rem 2.4rem rgba(0, 120, 220, .24), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

.tinker-signin-palette .cta-sub,
.tinker-signin-palette .cb-ghost,
.tinker-signin-palette .m03-btn-glass {
  color: #10203d !important;
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(18, 65, 130, .16) !important;
  box-shadow: 0 .9rem 2.2rem rgba(46, 75, 130, .08), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.tinker-signin-palette .hero-chip,
.tinker-signin-palette .sec-chip {
  color: #0757d8 !important;
  background: rgba(255, 255, 255, .62) !important;
  border-color: rgba(0, 114, 228, .17) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 .8rem 2.4rem rgba(40, 98, 180, .09) !important;
}

.tinker-signin-palette .chip-pulse,
.tinker-signin-palette .tinker-model-mark:before {
  background: #0b8ff0 !important;
  box-shadow: 0 0 .7rem rgba(0, 132, 255, .58) !important;
}

.tinker-signin-palette .hero-h1,
.tinker-signin-palette .line-1,
.tinker-signin-palette .m03-title-line-1,
.tinker-signin-palette .sec-h2,
.tinker-signin-palette .cta-h2,
.tinker-signin-palette .cap-title,
.tinker-signin-palette .feat-title {
  color: #07142d !important;
  text-shadow: none !important;
}

.tinker-signin-palette .num-val {
  color: #07142d !important;
  background: linear-gradient(180deg, #07142d 0%, #0b7de3 88%) !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  text-shadow: 0 .45rem 1rem rgba(34, 90, 160, .14) !important;
}

.tinker-signin-palette .num-plus {
  -webkit-text-fill-color: #0b7de3 !important;
}

.tinker-signin-palette .tinker-typewriter-live,
.tinker-signin-palette .sec-h2 .grad,
.tinker-signin-palette .grad {
  background: linear-gradient(135deg, #096fea, #00aeea, #5e7cff) !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

.tinker-signin-palette .tinker-typewriter-cursor,
.tinker-signin-palette .cursor-blink {
  color: #0984e8 !important;
  text-shadow: 0 0 .75rem rgba(0, 132, 255, .28) !important;
}

.tinker-signin-palette .hero-sub,
.tinker-signin-palette .sec-p,
.tinker-signin-palette .cta-p,
.tinker-signin-palette .num-label,
.tinker-signin-palette .cap-desc,
.tinker-signin-palette .feat-desc {
  color: rgba(25, 43, 75, .67) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  text-shadow: none !important;
}

.tinker-signin-palette .tinker-model-mark {
  color: #10203d !important;
  background: rgba(255, 255, 255, .64) !important;
  border-color: rgba(0, 114, 228, .14) !important;
  box-shadow: 0 .65rem 1.5rem rgba(49, 83, 142, .08), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.tinker-signin-palette .orbit-icon {
  background: rgba(255, 255, 255, .66) !important;
  border-color: rgba(28, 86, 162, .13) !important;
  box-shadow: 0 .7rem 1.5rem rgba(45, 80, 140, .12), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.tinker-signin-palette .orbit-name {
  color: rgba(15, 34, 64, .52) !important;
  text-shadow: none !important;
}

.tinker-signin-palette .spotlight-card {
  text-shadow: none !important;
}

.tinker-signin-palette .spotlight-img {
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(20, 76, 150, .16) !important;
  box-shadow: 0 1rem 2.1rem rgba(48, 84, 148, .15), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.tinker-signin-palette .spotlight-name {
  color: #0757d8 !important;
  text-shadow: 0 .35rem 1rem rgba(32, 89, 170, .16) !important;
}

.tinker-signin-palette .spotlight-desc {
  color: rgba(22, 43, 78, .66) !important;
  text-shadow: none !important;
}

.tinker-signin-palette .cap-card,
.tinker-signin-palette .feat,
.tinker-signin-palette .m03-cap-card,
.tinker-signin-palette .cta-inner {
  background: rgba(255, 255, 255, .58) !important;
  border-color: rgba(35, 91, 168, .13) !important;
  box-shadow: 0 1.2rem 3.2rem rgba(48, 78, 130, .1), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  backdrop-filter: blur(1rem) saturate(1.08) !important;
}

.tinker-signin-palette .cap-icon,
.tinker-signin-palette .feat-icon,
.tinker-signin-palette .cap-num,
.tinker-signin-palette .feat-num {
  color: #0757d8 !important;
  background: rgba(231, 242, 255, .9) !important;
  border-color: rgba(0, 114, 228, .12) !important;
}

.tinker-signin-palette .cap-go,
.tinker-signin-palette .feat-arrow {
  color: #086bdc !important;
}

.tinker-signin-palette .num-sep,
.tinker-signin-palette .feat-bar {
  background: rgba(20, 80, 160, .14) !important;
}

.tinker-signin-palette .cta-bg,
.tinker-signin-palette .cta-grid {
  opacity: .42 !important;
}

.tinker-signin-palette .ft,
.tinker-signin-palette footer,
.tinker-signin-palette .footer {
  color: rgba(28, 45, 76, .54) !important;
  background: rgba(246, 250, 255, .62) !important;
  border-top: 1px solid rgba(35, 91, 168, .1) !important;
}

.tinker-signin-palette .ft a,
.tinker-signin-palette footer a,
.tinker-signin-palette .footer a {
  color: #0757d8 !important;
}

.tinker-signin-hybrid-palette .hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(0, 202, 224, .16), transparent 28rem),
    radial-gradient(circle at 82% 34%, rgba(45, 94, 255, .22), transparent 30rem),
    linear-gradient(180deg, #06101f 0%, #07111f 58%, #08121d 100%) !important;
  box-shadow: none !important;
}

.tinker-signin-hybrid-palette,
.tinker-signin-hybrid-palette body,
.tinker-signin-hybrid-palette #app,
.tinker-signin-hybrid-palette .welcome-page,
.tinker-signin-hybrid-palette .moban-01 {
  background:
    radial-gradient(circle at 22% 12%, rgba(0, 202, 224, .12), transparent 28rem),
    radial-gradient(circle at 80% 24%, rgba(44, 86, 220, .18), transparent 32rem),
    linear-gradient(180deg, #030814 0%, #06101d 48%, #06101d 100%) !important;
}

.tinker-signin-hybrid-palette .global-bg {
  background: none !important;
  background-size: auto !important;
}

.tinker-signin-hybrid-palette .grid-lines {
  opacity: .5 !important;
  background-image:
    linear-gradient(rgba(0, 202, 224, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 202, 224, .03) 1px, transparent 1px) !important;
  background-size: 3.57rem 3.57rem !important;
}

.tinker-signin-hybrid-palette .gradient-flow {
  opacity: 1 !important;
  filter: none !important;
}

.tinker-signin-hybrid-palette .gradient-orb {
  opacity: 1 !important;
  filter: blur(7.14rem) !important;
}

.tinker-signin-hybrid-palette .particle {
  background: rgba(0, 202, 224, .9) !important;
  box-shadow: 0 0 .6rem rgba(0, 202, 224, .6) !important;
}

.tinker-signin-hybrid-palette .conn-line {
  stroke: rgba(0, 202, 224, .14) !important;
  stroke-width: .5px !important;
}

.tinker-signin-hybrid-palette .hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 202, 224, .06), transparent 32rem),
    radial-gradient(circle at 48% 56%, rgba(6, 16, 32, .2), transparent 36rem);
}

.tinker-signin-hybrid-palette .hero:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 1.45rem;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(6, 16, 29, 0) 0%,
    rgba(7, 18, 31, .26) 46%,
    rgba(219, 234, 254, .54) 100%
  );
}

.tinker-signin-hybrid-palette .hero > * {
  position: relative;
  z-index: 1;
}

.tinker-signin-hybrid-palette .header,
.tinker-signin-hybrid-palette .header.scrolled {
  background: rgba(5, 12, 23, .72) !important;
  border-bottom: 1px solid rgba(121, 219, 255, .09) !important;
  box-shadow: 0 .8rem 2.4rem rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(1rem) saturate(1.1) !important;
}

.tinker-signin-hybrid-palette .h-logo-name,
.tinker-signin-hybrid-palette .h-btn,
.tinker-signin-hybrid-palette .welcome-lang-toggle {
  color: rgba(241, 249, 255, .88) !important;
}

.tinker-signin-hybrid-palette .h-btn-ghost,
.tinker-signin-hybrid-palette .welcome-lang-toggle {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.tinker-signin-hybrid-palette .hero .hero-h1,
.tinker-signin-hybrid-palette .hero .line-1,
.tinker-signin-hybrid-palette .hero .m03-title-line-1 {
  color: #f5fbff !important;
  text-shadow: 0 .4rem 1.8rem rgba(0, 0, 0, .24) !important;
}

.tinker-signin-hybrid-palette .hero .hero-sub,
.tinker-signin-hybrid-palette .hero .num-label {
  color: rgba(218, 231, 242, .72) !important;
}

.tinker-signin-hybrid-palette .hero .hero-chip {
  color: #38e7ff !important;
  background: rgba(0, 202, 224, .08) !important;
  border-color: rgba(0, 202, 224, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 1.5rem rgba(0, 202, 224, .07) !important;
}

.tinker-signin-hybrid-palette .hero .tinker-model-mark {
  color: rgba(229, 250, 255, .9) !important;
  background: linear-gradient(180deg, rgba(0, 202, 224, .13), rgba(255, 255, 255, .045)) !important;
  border-color: rgba(0, 202, 224, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 1.1rem rgba(0, 202, 224, .08) !important;
}

.tinker-signin-hybrid-palette .hero .tinker-model-mark:before {
  background: #00e5a0 !important;
  box-shadow: 0 0 .6rem rgba(0, 229, 160, .75) !important;
}

.tinker-signin-hybrid-palette .hero .tinker-typewriter-live {
  background: linear-gradient(135deg, #00d2ff, #00e5a0, #7ea8ff) !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

.tinker-signin-hybrid-palette .hero .tinker-typewriter-cursor,
.tinker-signin-hybrid-palette .hero .cursor-blink {
  color: #79ffee !important;
  text-shadow: 0 0 1rem rgba(0, 229, 224, .45) !important;
}

.tinker-signin-hybrid-palette .hero .num-val {
  background: linear-gradient(180deg, #f7fdff 0%, #72eaf9 88%) !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  text-shadow: 0 .5rem 1.3rem rgba(0, 0, 0, .28) !important;
}

.tinker-signin-hybrid-palette .hero .num-plus {
  -webkit-text-fill-color: #72eaf9 !important;
}

.tinker-signin-hybrid-palette .hero .orbit-icon {
  background: rgba(12, 18, 28, .9) !important;
  border-color: rgba(111, 230, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 .9rem rgba(0, 202, 224, .12) !important;
}

.tinker-signin-hybrid-palette .hero .orbit-name {
  color: rgba(214, 236, 242, .56) !important;
  text-shadow: 0 .2rem .8rem rgba(0, 0, 0, .55) !important;
}

.tinker-signin-hybrid-palette .hero .spotlight-img {
  background: rgba(5, 10, 18, .82) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 .9rem 2.2rem rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.tinker-signin-hybrid-palette .hero .spotlight-name {
  color: #7af8ee !important;
  text-shadow: 0 0 1rem rgba(0, 229, 224, .34), 0 .3rem 1rem rgba(0, 0, 0, .7) !important;
}

.tinker-signin-hybrid-palette .hero .spotlight-desc {
  color: rgba(236, 248, 255, .72) !important;
  text-shadow: 0 .25rem 1.1rem rgba(0, 0, 0, .65) !important;
}

.tinker-signin-hybrid-palette .hero .cta-sub {
  color: rgba(229, 246, 255, .94) !important;
  background: rgba(7, 19, 34, .72) !important;
  border-color: rgba(110, 224, 255, .28) !important;
  box-shadow:
    0 .8rem 2rem rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

.tinker-signin-hybrid-palette .hero .cta-sub:hover {
  color: #7ff7ff !important;
  background: rgba(0, 202, 224, .11) !important;
  border-color: rgba(0, 202, 224, .42) !important;
  box-shadow:
    0 1rem 2.4rem rgba(0, 202, 224, .12),
    inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}

.tinker-signin-hybrid-palette .sec,
.tinker-signin-hybrid-palette .cta,
.tinker-signin-hybrid-palette .m03-section,
.tinker-signin-hybrid-palette .m03-cta-section {
  position: relative !important;
  background:
    linear-gradient(rgba(30, 116, 210, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 116, 210, .075) 1px, transparent 1px),
    radial-gradient(circle at 75% 16%, rgba(84, 204, 255, .15), transparent 28rem),
    linear-gradient(135deg, #dbeafe 0%, #f4f8ff 52%, #f7f8ff 100%) !important;
  background-size: 4rem 4rem, 4rem 4rem, auto, auto !important;
}

.tinker-signin-hybrid-palette .cta {
  margin-top: 0 !important;
}

.tinker-signin-hybrid-palette .cta-inner {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.tinker-signin-hybrid-palette .cta .cb-ghost,
.tinker-signin-hybrid-palette .cta .cta-sub {
  color: #0b4f9c !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: rgba(18, 95, 180, .16) !important;
  box-shadow: 0 .75rem 1.8rem rgba(52, 92, 150, .08), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

.tinker-signin-hybrid-palette .cta .cb-ghost:hover,
.tinker-signin-hybrid-palette .cta .cta-sub:hover {
  color: #0576d8 !important;
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(0, 126, 220, .28) !important;
}

.tinker-signin-hybrid-palette .hero + .sec {
  overflow: hidden !important;
  border-top: 0 !important;
}

.tinker-signin-hybrid-palette .hero + .sec:before {
  content: none !important;
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: 2.85rem;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(3, 8, 20, .72) 0%,
    rgba(6, 16, 29, .34) 34%,
    rgba(219, 234, 254, .34) 72%,
    rgba(219, 234, 254, 0) 100%
  ) !important;
}

.tinker-signin-hybrid-palette .hero + .sec > * {
  position: relative;
  z-index: 1;
}

.tinker-signin-hybrid-palette .ft,
.tinker-signin-hybrid-palette footer,
.tinker-signin-hybrid-palette .footer {
  color: rgba(25, 47, 82, .54) !important;
  background: #eef7ff !important;
  border-top: 1px solid rgba(26, 91, 160, .1) !important;
  box-shadow: none !important;
}

.tinker-signin-hybrid-palette .ft:before,
.tinker-signin-hybrid-palette footer:before,
.tinker-signin-hybrid-palette .footer:before {
  content: none !important;
}

@media (max-width: 48rem) {
  .h-logo {
    min-width: 0;
    gap: .42rem !important;
  }

  .h-logo-name {
    white-space: nowrap !important;
    font-size: .9rem !important;
    line-height: 1 !important;
  }

  .h-nav {
    gap: .34rem !important;
  }

  .h-btn {
    min-height: 2.2rem !important;
    padding-left: .58rem !important;
    padding-right: .58rem !important;
  }

  .h-nav .h-btn-ghost {
    width: 2.2rem !important;
    min-width: 2.2rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .h-nav .h-btn-ghost .h-btn-text {
    display: none !important;
  }

  .welcome-lang-toggle {
    min-width: 3.15rem !important;
  }

  .hero-h1 {
    font-size: clamp(2.45rem, 11vw, 3.2rem) !important;
  }

  .tinker-typewriter-host {
    font-size: clamp(2.35rem, 10.2vw, 2.95rem);
    line-height: 1.08;
    margin-bottom: 1.1rem;
    white-space: normal;
  }

  .tinker-typewriter-live {
    display: inline;
    min-width: 0;
    max-width: 100%;
  }

  .tinker-typewriter-cursor {
    vertical-align: baseline;
  }

  .tinker-trust-row {
    margin-top: -1rem;
    gap: .45rem;
  }

  .tinker-model-mark {
    font-size: .68rem;
    padding: .32rem .58rem;
  }

  .tinker-contact-actions {
    grid-template-columns: 1fr;
  }

  html[lang^="en"] .hero-h1 {
    font-size: clamp(2.3rem, 10vw, 3rem) !important;
  }

  html[lang^="en"] .tinker-typewriter-host {
    font-size: clamp(1.85rem, 7.8vw, 2.15rem);
    line-height: 1.12;
  }
}