/* ================================================================
   IT CONNECT PHASE 2 CONSOLIDATED STYLES
   Page-specific selectors and variables are isolated from index.html.
   ================================================================ */
.auth-page {
  --it-navy: #061536;
  --it-blue: #126cff;
  --it-cyan: #16d9ff;
  --it-violet: #7658ff;
  --it-white: #f7fbff;
  --it-muted: #9cafcf;
  --it-line: rgba(151, 195, 255, .18);
  --it-glass: rgba(7, 24, 63, .64);
}
/* =========================================================
   PHONE FIELD — EXACTLY MATCH PASSWORD FIELD
   ========================================================= */

.auth-page .input-wrap input#phone,
.auth-page .input-wrap input[name="phone"],
.auth-page .input-wrap input[type="tel"] {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 0 !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;

  border: 1px solid var(--it-line) !important;
  border-radius: 13px !important;

  background: rgba(3, 16, 45, .48) !important;
  color: #fff !important;

  font-size: 1rem !important;
  font-family: inherit !important;
  line-height: normal !important;

  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04),
              0 8px 24px rgba(0,0,0,.08) !important;

  -webkit-appearance: none !important;
  appearance: none !important;
}

.auth-page .input-wrap input#phone::placeholder,
.auth-page .input-wrap input[name="phone"]::placeholder,
.auth-page .input-wrap input[type="tel"]::placeholder {
  color: #7184a8 !important;
  opacity: 1 !important;
}

.auth-page .input-wrap input#phone:focus,
.auth-page .input-wrap input[name="phone"]:focus,
.auth-page .input-wrap input[type="tel"]:focus {
  border-color: rgba(65, 202, 255, .75) !important;
  box-shadow:
    0 0 0 3px rgba(28, 180, 255, .09),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  background: rgba(4, 23, 59, .72) !important;
}

/* Mobile — match the password field's responsive height */
@media (max-width: 600px) {
  .auth-page .input-wrap input#phone,
  .auth-page .input-wrap input[name="phone"],
  .auth-page .input-wrap input[type="tel"] {
    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: .84rem !important;
  }
}

@media (max-width: 380px) {
  .auth-page .input-wrap input#phone,
  .auth-page .input-wrap input[name="phone"],
  .auth-page .input-wrap input[type="tel"] {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
}
.auth-page *,
.auth-page *::before,
.auth-page *::after { box-sizing: border-box; }.auth-page .fav-icon {
    width: 40px;
}.auth-page {
  min-height: 100dvh;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 18%, rgba(39, 143, 255, .24), transparent 31%),
    radial-gradient(circle at 85% 80%, rgba(112, 70, 255, .28), transparent 34%),
    linear-gradient(135deg, #04102f 0%, #09245c 48%, #17104e 100%);
}.auth-page .intro-scene,
.auth-page .login-stage {
  position: absolute;
  inset: 0;
}.auth-page .intro-scene {
  z-index: 10;
  overflow: hidden;
  display: grid;
  place-items: center;
  opacity: 1;
  visibility: visible;
  animation: itLogin-introExit .9s cubic-bezier(.7,0,.2,1) 2.55s forwards;
}.auth-page .intro-brand {
  position: absolute;
  top: clamp(24px, 5vh, 58px);
  left: clamp(24px, 6vw, 90px);
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  z-index: 4;
  animation: itLogin-brandIn .8s ease both;
}.auth-page .intro-brand strong,
.auth-page .card-brand strong {
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -.03em;
}.auth-page .intro-brand small,
.auth-page .card-brand small {
  display: block;
  margin-top: 5px;
  font-size: .63rem;
  color: #a9c7ff;
  letter-spacing: .04em;
}.auth-page .brand-mark {
  display: inline-flex;
  align-items: end;
  gap: 3px;
  width: 31px;
  height: 31px;
}.auth-page .brand-mark i {
  display: block;
  width: 7px;
  border-radius: 3px 3px 1px 1px;
  background: linear-gradient(180deg, #36e2ff, #1681ff);
  box-shadow: 0 0 14px rgba(41, 196, 255, .4);
}.auth-page .brand-mark i:nth-child(1) { height: 15px; }.auth-page .brand-mark i:nth-child(2) { height: 24px; }.auth-page .brand-mark i:nth-child(3) { height: 19px; }.auth-page .cloud {
  position: absolute;
  height: 70px;
  width: 210px;
  border-radius: 100px;
  background: rgba(175, 221, 255, .12);
  border: 1px solid rgba(192, 229, 255, .16);
  filter: blur(.1px);
  box-shadow: 0 10px 40px rgba(31, 128, 255, .12);
}.auth-page .cloud::before,
.auth-page .cloud::after {
  content: "";
  position: absolute;
  bottom: 15px;
  border-radius: 50%;
  background: inherit;
}.auth-page .cloud::before { left: 30px; width: 85px; height: 85px; }.auth-page .cloud::after { right: 35px; width: 66px; height: 66px; }.auth-page .cloud-one { top: 17%; left: -5%; animation: itLogin-cloudOne 1.5s cubic-bezier(.2,.8,.2,1) both, itLogin-drift 7s ease-in-out 1.5s infinite; }.auth-page .cloud-two { top: 11%; right: -4%; transform: scale(.78); animation: itLogin-cloudTwo 1.7s cubic-bezier(.2,.8,.2,1) both, itLogin-drift 8s ease-in-out 1.7s infinite reverse; }.auth-page .cloud-three { bottom: 20%; left: 12%; transform: scale(.56); opacity: .7; animation: itLogin-cloudThree 1.8s cubic-bezier(.2,.8,.2,1) both; }.auth-page .stars { position: absolute; inset: 0; pointer-events: none; }.auth-page .star {
  position: absolute;
  color: #bceeff;
  text-shadow: 0 0 15px #3dcfff;
  opacity: 0;
  animation: itLogin-starIn .8s ease forwards, itLogin-twinkle 2s ease-in-out 1s infinite;
}.auth-page .star-1 { left: 16%; top: 24%; font-size: 22px; animation-delay: .2s, 1.2s; }.auth-page .star-2 { right: 19%; top: 22%; font-size: 28px; animation-delay: .45s, 1.45s; }.auth-page .star-3 { left: 29%; top: 65%; font-size: 18px; animation-delay: .65s, 1.65s; }.auth-page .star-4 { right: 31%; bottom: 20%; font-size: 21px; animation-delay: .8s, 1.8s; }.auth-page .star-5 { left: 67%; top: 35%; font-size: 15px; animation-delay: .95s, 1.95s; }.auth-page .ambient {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: .5;
}.auth-page .ambient-one { width: 320px; height: 320px; background: #168cff; left: -120px; bottom: -130px; }.auth-page .ambient-two { width: 300px; height: 300px; background: #754fff; right: -100px; top: -110px; }.auth-page .workspace-art {
  width: min(650px, 74vw);
  margin-top: 4vh;
  filter: drop-shadow(0 25px 45px rgba(0,0,0,.35));
  animation: itLogin-artIn 1.15s cubic-bezier(.18,.85,.2,1) .2s both, itLogin-artFloat 4.5s ease-in-out 1.4s infinite;
}.auth-page .intro-caption {
  position: absolute;
  bottom: clamp(25px, 6vh, 60px);
  margin: 0;
  color: #c9dcff;
  font-size: clamp(.8rem, 1.2vw, 1rem);
  letter-spacing: .08em;
  text-align: center;
  animation: itLogin-captionIn .9s ease .55s both;
}.auth-page .login-stage {
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  transform: translateY(18px) scale(.985);
  animation: itLogin-formIn .85s cubic-bezier(.2,.8,.2,1) 2.62s forwards;
}.auth-page .login-glow {
  position: absolute;
  width: min(760px, 80vw);
  height: min(520px, 65vh);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(48, 157, 255, .22), transparent 67%);
  filter: blur(22px);
}.auth-page .auth-card {
  position: relative;
  width: min(480px, calc(100vw - 32px));
  height: min(790px, calc(100dvh - 48px));
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  border-radius: 28px;
  color: var(--it-white);
  background:
    linear-gradient(145deg, rgba(24, 53, 112, .82), rgba(3, 17, 48, .78));
  border: 1px solid rgba(168, 213, 255, .28);
  box-shadow:
    0 35px 100px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 45px rgba(37, 142, 255, .10);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}.auth-page .auth-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 27px;
  pointer-events: none;
  background: linear-gradient(125deg, rgba(255,255,255,.09), transparent 27%, transparent 72%, rgba(62,196,255,.08));
}.auth-page .card-brand {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 24px 30px 7px;
}.auth-page .form-content { position: relative; padding: 18px 30px 17px; }.auth-page .eyebrow {
  margin: 0 0 7px;
  color: #4bdfff;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .17em;
}.auth-page h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.55rem);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.045em;
}.auth-page .form-subtitle {
  margin: 8px 0 20px;
  color: var(--it-muted);
  font-size: .9rem;
  line-height: 1.55;
}.auth-page .input-wrap {
  position: relative;
  margin: 0 0 13px;
}.auth-page .input-wrap label {
  display: block;
  margin: 0 0 7px 3px;
  color: #b9c9e7;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .03em;
}.auth-page .input-wrap input[type=email],
.auth-page .input-wrap input[type=password],
.auth-page .input-wrap input[type=text] {
  height: 50px;
  margin: 0 !important;
  padding: 0 17px !important;
  color: #fff;
  border: 1px solid var(--it-line) !important;
  border-radius: 14px !important;
  background: rgba(3, 16, 45, .48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.08) !important;
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}.auth-page .input-wrap input::placeholder { color: #7184a8; }.auth-page .input-wrap input:focus {
  border-color: rgba(65, 202, 255, .75) !important;
  box-shadow: 0 0 0 3px rgba(28, 180, 255, .09), inset 0 1px 0 rgba(255,255,255,.05) !important;
  background: rgba(4, 23, 59, .72) !important;
}.auth-page .password-wrap input { padding-right: 55px !important; }.auth-page .visibility-btn {
  position: absolute;
  right: 10px;
  bottom: 6px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  color: #a9c7ef;
  background: transparent;
  cursor: pointer;
}.auth-page .visibility-btn:hover { background: rgba(255,255,255,.07); }.auth-page .visibility-btn svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; }.auth-page .form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 3px 0 17px;
}.auth-page .remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9cafcf;
  font-size: .73rem;
  cursor: pointer;
}.auth-page .remember input[type=checkbox] + span:not(.lever) { padding-left: 0; }.auth-page .remember input[type=checkbox] { position: static; opacity: 1; pointer-events: auto; appearance: none; width: 15px; height: 15px; margin: 0; border: 1px solid #6d84ad; border-radius: 4px; background: rgba(255,255,255,.03); }.auth-page .remember input[type=checkbox]:checked { background: linear-gradient(135deg, #2c8dff, #15d8ff); border-color: transparent; }.auth-page .remember input[type=checkbox]:checked::after { content: "✓"; display: block; color: #fff; font-size: 11px; line-height: 13px; text-align: center; }.auth-page .text-link { color: #52dfff; text-decoration: none; }.auth-page .text-link:hover { color: #fff; }.auth-page .login-button {
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
  border-radius: 15px;
  text-transform: none;
  font-size: .94rem;
  font-weight: 700;
  letter-spacing: .01em;
  background: linear-gradient(100deg, #356cff 0%, #168cff 52%, #16d8ff 100%);
  box-shadow: 0 13px 28px rgba(22, 137, 255, .27), inset 0 1px 0 rgba(255,255,255,.24);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}.auth-page .login-button:hover { transform: translateY(-2px); filter: brightness(1.07); box-shadow: 0 17px 34px rgba(22,137,255,.35), inset 0 1px 0 rgba(255,255,255,.24); }.auth-page .login-button .arrow { margin-left: 8px; font-size: 1.05rem; }.auth-page .form-message { min-height: 18px; margin: 9px 0 0; color: #78e6ff; font-size: .73rem; }.auth-page .divider-line {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 15px 0 12px;
  color: #7185aa;
  font-size: .72rem;
}.auth-page .divider-line::before,
.auth-page .divider-line::after { content: ""; flex: 1; height: 1px; background: var(--it-line); }.auth-page .secondary-action {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--it-line);
  border-radius: 14px;
  color: #dbe8ff;
  text-decoration: none;
  background: rgba(255,255,255,.035);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}.auth-page .secondary-action:hover { background: rgba(255,255,255,.08); border-color: rgba(90,206,255,.34); transform: translateY(-1px); }.auth-page .action-icon { color: #54dcff; }.auth-page .signup-line {
  margin: 14px 0 0;
  text-align: center;
  color: #7f93b7;
  font-size: .73rem;
}.auth-page .card-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 15px 30px 19px;
  border-top: 1px solid rgba(151,195,255,.11);
  color: #7e94b9;
  font-size: .65rem;
  letter-spacing: .02em;
}.auth-page .card-footer b { color: #45dfff; margin-right: 4px; }@keyframes itLogin-introExit {
  to { opacity: 0; visibility: hidden; transform: scale(1.035); }
}@keyframes itLogin-formIn {
  to { opacity: 1; transform: none; }
}@keyframes itLogin-artIn {
  from { opacity: 0; transform: translateY(45px) scale(.92); }
  to { opacity: 1; transform: none; }
}@keyframes itLogin-artFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}@keyframes itLogin-brandIn {
  from { opacity: 0; transform: translateY(-18px); }
  to { opacity: 1; transform: none; }
}@keyframes itLogin-captionIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}@keyframes itLogin-starIn {
  from { opacity: 0; transform: scale(.2) rotate(-25deg); }
  to { opacity: .9; transform: scale(1) rotate(0); }
}@keyframes itLogin-twinkle {
  50% { opacity: .35; transform: scale(.82); }
}@keyframes itLogin-cloudOne {
  from { opacity: 0; transform: translateX(-100px); }
  to { opacity: 1; transform: translateX(0); }
}@keyframes itLogin-cloudTwo {
  from { opacity: 0; transform: translateX(100px) scale(.78); }
  to { opacity: 1; transform: translateX(0) scale(.78); }
}@keyframes itLogin-cloudThree {
  from { opacity: 0; transform: translateY(45px) scale(.56); }
  to { opacity: .7; transform: translateY(0) scale(.56); }
}@keyframes itLogin-drift {
  50% { margin-left: 24px; }
}@media (max-width: 600px) {.auth-page .login-stage { padding: 14px; }.auth-page .auth-card {
    width: min(430px, calc(100vw - 28px));
    height: auto;
    max-height: calc(100dvh - 28px);
    border-radius: 23px;
  }.auth-page .card-brand { padding: 22px 21px 5px; }.auth-page .form-content { padding: 18px 21px 17px; }.auth-page .form-subtitle { margin-bottom: 20px; }.auth-page .card-footer { padding: 13px 21px 16px; }.auth-page .workspace-art { width: 94vw; margin-top: 0; }.auth-page .intro-caption { width: 90%; bottom: 7vh; }.auth-page .intro-brand { left: 20px; top: 25px; }.auth-page .cloud-one { top: 19%; transform: scale(.7); transform-origin: left center; }.auth-page .cloud-two { top: 14%; transform: scale(.55); transform-origin: right center; }.auth-page .cloud-three { display: none; }
}@media (max-height: 700px) and (min-width: 601px) {.auth-page .auth-card { max-height: calc(100dvh - 24px); }.auth-page .card-brand { padding-top: 18px; }.auth-page .form-content { padding-top: 13px; }.auth-page .form-subtitle { margin-bottom: 17px; }.auth-page .input-wrap { margin-bottom: 12px; }.auth-page .card-footer { padding-top: 11px; padding-bottom: 13px; }
}@media (prefers-reduced-motion: reduce) {.auth-page *,
.auth-page *::before,
.auth-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }.auth-page .intro-scene { display: none; }.auth-page .login-stage { opacity: 1; transform: none; }
}html:not(.js) .auth-page .intro-scene { display: none; }html:not(.js) .auth-page .login-stage { opacity: 1; transform: none; }.auth-page {
  overflow: hidden;
}.auth-page .transition-effects {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}.auth-page .tech-icon {
  position: absolute;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(93, 213, 255, .34);
  border-radius: 12px;
  color: rgba(159, 235, 255, .88);
  background: rgba(29, 106, 206, .10);
  box-shadow: 0 0 22px rgba(32, 177, 255, .14), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  opacity: 0;
  animation: itLogin-techAppear .8s ease forwards, itLogin-techSettle 2.2s ease-in-out 2.15s forwards;
}.auth-page .tech-code { left: 12%; top: 29%; animation-delay: .45s, 2.15s; }.auth-page .tech-cloud { right: 12%; top: 24%; animation-delay: .6s, 2.2s; }.auth-page .tech-data { left: 20%; top: 69%; animation-delay: .75s, 2.25s; }.auth-page .tech-gear { right: 19%; top: 65%; animation-delay: .9s, 2.3s; }.auth-page .tech-network { left: 8%; top: 52%; animation-delay: 1.05s, 2.35s; }.auth-page .tech-chart { right: 7%; top: 46%; animation-delay: 1.2s, 2.4s; }.auth-page .tech-lock { left: 35%; top: 15%; animation-delay: 1.35s, 2.45s; }.auth-page .tech-node { right: 34%; bottom: 15%; animation-delay: 1.5s, 2.5s; }.auth-page .tech-line {
  position: absolute;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, transparent, rgba(54,211,255,.55), transparent);
  opacity: 0;
  filter: drop-shadow(0 0 5px rgba(44,193,255,.5));
  animation: itLogin-lineAppear .9s ease forwards, itLogin-lineSettle 2s ease 2.2s forwards;
}.auth-page .line-one { width: 34%; left: 12%; top: 37%; transform: rotate(13deg); animation-delay: .7s, 2.2s; }.auth-page .line-two { width: 29%; right: 12%; top: 59%; transform: rotate(-16deg); animation-delay: .95s, 2.35s; }.auth-page .line-three { width: 23%; left: 39%; bottom: 18%; transform: rotate(7deg); animation-delay: 1.2s, 2.5s; }@keyframes itLogin-techAppear {
  from { opacity: 0; transform: translateY(18px) scale(.72) rotate(-8deg); }
  to { opacity: .72; transform: translateY(0) scale(1) rotate(0); }
}@keyframes itLogin-techSettle {
  0% { opacity: .72; transform: translateY(0) scale(1); }
  45% { opacity: .42; transform: translateY(-6px) scale(.96); }
  100% { opacity: .20; transform: translateY(0) scale(.92); }
}@keyframes itLogin-lineAppear {
  from { opacity: 0; transform: scaleX(.1) rotate(13deg); }
  to { opacity: .42; transform: scaleX(1) rotate(13deg); }
}@keyframes itLogin-lineSettle {
  from { opacity: .42; }
  to { opacity: .10; }
}.auth-page .login-stage {
  z-index: 2;
  padding: 24px;
  overflow: hidden;
}.auth-page .auth-card {
  width: min(620px, calc(100vw - 48px));
  max-height: none;
  overflow: hidden;
  padding: 0;
}.auth-page .card-brand {
  padding: 26px 36px 7px;
}.auth-page .form-content {
  padding: 21px 36px 18px;
}.auth-page .card-footer {
  padding-left: 36px;
  padding-right: 36px;
}.auth-page .form-content form,
.auth-page .form-content .input-wrap,
.auth-page .form-content .form-row,
.auth-page .form-content .login-button,
.auth-page .form-content .secondary-action {
  width: 100%;
  min-width: 0;
}.auth-page .input-wrap input[type=email],
.auth-page .input-wrap input[type=password],
.auth-page .input-wrap input[type=text] {
  display: block;
  width: 100% !important;
  max-width: 100%;
}.auth-page .form-subtitle { margin-bottom: 20px; }.auth-page .input-wrap { margin-bottom: 12px; }.auth-page .form-row { margin-bottom: 17px; }.auth-page .divider-line { margin: 14px 0 10px; }.auth-page .signup-line { margin-top: 12px; }@media (max-width: 700px) {.auth-page .auth-card {
    width: min(500px, calc(100vw - 28px));
  }.auth-page .card-brand {
    padding-left: 24px;
    padding-right: 24px;
  }.auth-page .form-content {
    padding-left: 24px;
    padding-right: 24px;
  }.auth-page .card-footer {
    padding-left: 24px;
    padding-right: 24px;
  }.auth-page .tech-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: .82rem;
  }.auth-page .tech-code { left: 5%; }.auth-page .tech-cloud { right: 5%; }.auth-page .tech-data { left: 7%; }.auth-page .tech-gear { right: 7%; }
}@media (max-width: 600px) {.auth-page .login-stage {
    padding: 14px;
  }.auth-page .auth-card {
    width: min(430px, calc(100vw - 28px));
    max-height: calc(100dvh - 28px);
  }.auth-page .card-brand {
    padding: 20px 21px 5px;
  }.auth-page .form-content {
    padding: 16px 21px 14px;
  }.auth-page .card-footer {
    padding: 11px 21px 13px;
  }.auth-page .form-subtitle {
    margin-top: 8px;
    margin-bottom: 17px;
  }.auth-page .input-wrap {
    margin-bottom: 10px;
  }.auth-page .form-row {
    margin-bottom: 14px;
  }.auth-page .login-button {
    height: 49px;
    line-height: 49px;
  }.auth-page .divider-line {
    margin: 11px 0 8px;
  }.auth-page .secondary-action {
    height: 44px;
  }.auth-page .signup-line {
    margin-top: 10px;
  }
}@media (max-width: 600px) and (max-height: 700px) {.auth-page .card-brand {
    padding-top: 14px;
  }.auth-page .form-content {
    padding-top: 11px;
    padding-bottom: 10px;
  }.auth-page h1 {
    font-size: 1.82rem;
  }.auth-page .form-subtitle {
    margin-top: 5px;
    margin-bottom: 12px;
  }.auth-page .input-wrap {
    margin-bottom: 7px;
  }.auth-page .input-wrap input[type=email],
.auth-page .input-wrap input[type=password],
.auth-page .input-wrap input[type=text] {
    height: 43px;
  }.auth-page .form-row {
    margin-bottom: 10px;
  }.auth-page .login-button {
    height: 44px;
    line-height: 44px;
  }.auth-page .divider-line {
    margin: 7px 0;
  }.auth-page .secondary-action {
    height: 39px;
  }.auth-page .signup-line {
    margin-top: 7px;
  }.auth-page .card-footer {
    padding-top: 8px;
    padding-bottom: 9px;
  }
}@media (prefers-reduced-motion: reduce) {.auth-page .transition-effects { display: none; }
}.auth-page .transition-effects {
  z-index: 1;
  opacity: 1;
}.auth-page .tech-icon {
  opacity: 0;
  animation: itLogin-techJourney 3.25s cubic-bezier(.2,.75,.2,1) forwards;
}.auth-page .tech-code { animation-delay: .25s; }.auth-page .tech-cloud { animation-delay: .40s; }.auth-page .tech-data { animation-delay: .55s; }.auth-page .tech-gear { animation-delay: .70s; }.auth-page .tech-network { animation-delay: .85s; }.auth-page .tech-chart { animation-delay: 1s; }.auth-page .tech-lock { animation-delay: 1.15s; }.auth-page .tech-node { animation-delay: 1.3s; }@keyframes itLogin-techJourney {
  0% {
    opacity: 0;
    transform: scale(.35) translate(0, 0) rotate(-12deg);
  }
  18% {
    opacity: .82;
    transform: scale(1) translate(0, 0) rotate(0);
  }
  52% {
    opacity: .92;
    transform: scale(1.08) translate(0, -7px) rotate(3deg);
  }
  73% {
    opacity: .46;
    transform: scale(.96) translate(0, 2px) rotate(0);
  }
  100% {
    opacity: .25;
    transform: scale(.90) translate(0, 0) rotate(0);
  }
}.auth-page .tech-line {
  opacity: 0;
  animation: itLogin-lineJourney 3.1s cubic-bezier(.2,.75,.2,1) forwards;
}.auth-page .line-one { animation-delay: .45s; }.auth-page .line-two { animation-delay: .70s; }.auth-page .line-three { animation-delay: .95s; }@keyframes itLogin-lineJourney {
  0%   { opacity: 0; transform: scaleX(.02) rotate(13deg); }
  35%  { opacity: .58; transform: scaleX(1) rotate(13deg); }
  65%  { opacity: .28; transform: scaleX(1.04) rotate(13deg); }
  100% { opacity: .12; transform: scaleX(1) rotate(13deg); }
}.auth-page .cloud-one { animation: itLogin-cloudLeaveOne 3.15s cubic-bezier(.2,.8,.2,1) both; }.auth-page .cloud-two { animation: itLogin-cloudLeaveTwo 3.25s cubic-bezier(.2,.8,.2,1) both; }.auth-page .cloud-three { animation: itLogin-cloudLeaveThree 3.05s cubic-bezier(.2,.8,.2,1) both; }.auth-page .stars { animation: itLogin-starsLeave 3.05s ease both; }.auth-page .workspace-art { animation: itLogin-workspaceJourney 3.25s cubic-bezier(.2,.8,.2,1) both; }.auth-page .intro-caption { animation: itLogin-captionJourney 3s ease both; }.auth-page .intro-brand { animation: itLogin-brandJourney 3s ease both; }@keyframes itLogin-cloudLeaveOne {
  0% { opacity: 0; transform: translateX(-120px); }
  20% { opacity: 1; transform: translateX(0); }
  66% { opacity: .75; transform: translateX(12px); }
  100% { opacity: 0; transform: translateX(-170px); }
}@keyframes itLogin-cloudLeaveTwo {
  0% { opacity: 0; transform: translateX(120px) scale(.78); }
  22% { opacity: 1; transform: translateX(0) scale(.78); }
  67% { opacity: .7; transform: translateX(-10px) scale(.78); }
  100% { opacity: 0; transform: translateX(170px) scale(.78); }
}@keyframes itLogin-cloudLeaveThree {
  0% { opacity: 0; transform: translateY(45px) scale(.56); }
  25% { opacity: .7; transform: translateY(0) scale(.56); }
  68% { opacity: .5; transform: translateY(-8px) scale(.56); }
  100% { opacity: 0; transform: translateY(70px) scale(.56); }
}@keyframes itLogin-starsLeave {
  0%, 35% { opacity: 1; }
  68% { opacity: .65; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.35); }
}@keyframes itLogin-workspaceJourney {
  0% { opacity: 0; transform: translateY(48px) scale(.88); }
  25% { opacity: 1; transform: translateY(0) scale(1); }
  68% { opacity: .95; transform: translateY(-7px) scale(1.01); }
  100% { opacity: 0; transform: translateY(-35px) scale(.92); }
}@keyframes itLogin-captionJourney {
  0% { opacity: 0; transform: translateY(14px); }
  25% { opacity: 1; transform: none; }
  70% { opacity: .8; }
  100% { opacity: 0; transform: translateY(15px); }
}@keyframes itLogin-brandJourney {
  0% { opacity: 0; transform: translateY(-18px); }
  28% { opacity: 1; transform: none; }
  70% { opacity: .8; }
  100% { opacity: 0; transform: translateY(-14px); }
}.auth-page .auth-card {
  width: min(560px, calc(100vw - 48px));
  border-radius: 26px;
}.auth-page .card-brand {
  padding-left: 34px;
  padding-right: 34px;
}.auth-page .form-content {
  padding-left: 34px;
  padding-right: 34px;
}.auth-page .card-footer {
  padding-left: 34px;
  padding-right: 34px;
}@media (max-width: 600px) {.auth-page .auth-card {
    width: min(430px, calc(100vw - 28px));
  }.auth-page .card-brand,
.auth-page .form-content,
.auth-page .card-footer {
    padding-left: 22px;
    padding-right: 22px;
  }
}.auth-page .intro-scene {
  animation: none;
  pointer-events: none;
}.auth-page .intro-scene {
  animation: none !important;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  background: transparent;
}.auth-page .login-stage {
  opacity: 0;
  visibility: hidden;
  transform: translateY(28px) scale(.965);
  animation: itLogin-loginReveal .9s cubic-bezier(.16,.84,.2,1) 3.05s forwards;
}@keyframes itLogin-loginReveal {
  0% { opacity: 0; visibility: visible; transform: translateY(28px) scale(.965); }
  55% { opacity: 1; transform: translateY(-3px) scale(1.008); }
  100% { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
}.auth-page .cloud-one {
  animation: itLogin-refCloudOne 3s cubic-bezier(.18,.82,.2,1) both !important;
}.auth-page .cloud-two {
  animation: itLogin-refCloudTwo 3.05s cubic-bezier(.18,.82,.2,1) both !important;
}.auth-page .cloud-three {
  animation: itLogin-refCloudThree 2.95s cubic-bezier(.18,.82,.2,1) both !important;
}.auth-page .stars {
  animation: itLogin-refStars 3s cubic-bezier(.18,.82,.2,1) both !important;
}.auth-page .workspace-art {
  animation: itLogin-refWorkspace 3.05s cubic-bezier(.16,.84,.2,1) both !important;
}.auth-page .intro-brand {
  animation: itLogin-refBrand 2.95s ease both !important;
}.auth-page .intro-caption {
  animation: itLogin-refCaption 2.9s ease both !important;
}@keyframes itLogin-refCloudOne {
  0% { opacity: 0; transform: translateX(-32vw) scale(.75); }
  18% { opacity: 1; transform: translateX(0) scale(1); }
  62% { opacity: 1; transform: translateX(2vw) scale(1.03); }
  100% { opacity: 0; transform: translateX(-25vw) scale(.78); }
}@keyframes itLogin-refCloudTwo {
  0% { opacity: 0; transform: translateX(32vw) scale(.62); }
  20% { opacity: 1; transform: translateX(0) scale(.78); }
  63% { opacity: 1; transform: translateX(-2vw) scale(.82); }
  100% { opacity: 0; transform: translateX(25vw) scale(.62); }
}@keyframes itLogin-refCloudThree {
  0% { opacity: 0; transform: translateY(16vh) scale(.45); }
  22% { opacity: .7; transform: translateY(0) scale(.56); }
  65% { opacity: .7; transform: translateY(-1vh) scale(.58); }
  100% { opacity: 0; transform: translateY(13vh) scale(.45); }
}@keyframes itLogin-refStars {
  0% { opacity: 0; transform: scale(.15) rotate(-25deg); }
  22% { opacity: 1; transform: scale(1.12) rotate(0); }
  48% { opacity: .85; transform: scale(.92) rotate(4deg); }
  68% { opacity: .95; transform: scale(1) rotate(0); }
  100% { opacity: 0; transform: scale(1.55) rotate(18deg); }
}@keyframes itLogin-refWorkspace {
  0% { opacity: 0; transform: translateY(22vh) scale(.72); }
  22% { opacity: 1; transform: translateY(0) scale(1); }
  57% { opacity: 1; transform: translateY(-1.2vh) scale(1.025); }
  72% { opacity: .9; transform: translateY(-2vh) scale(1.01); }
  100% { opacity: 0; transform: translateY(-18vh) scale(.78); }
}@keyframes itLogin-refBrand {
  0% { opacity: 0; transform: translateY(-22px); }
  25% { opacity: 1; transform: none; }
  68% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-15px); }
}@keyframes itLogin-refCaption {
  0% { opacity: 0; transform: translateY(18px); }
  25% { opacity: 1; transform: none; }
  70% { opacity: .9; }
  100% { opacity: 0; transform: translateY(18px); }
}.auth-page .transition-effects {
  opacity: 0;
  animation: itLogin-effectsHandoff 1s ease 2.35s forwards;
}@keyframes itLogin-effectsHandoff {
  from { opacity: 0; }
  to { opacity: 1; }
}.auth-page .tech-icon {
  animation: itLogin-techHandoff 3.15s cubic-bezier(.18,.82,.2,1) forwards !important;
}.auth-page .tech-code { animation-delay: .35s !important; }.auth-page .tech-cloud { animation-delay: .50s !important; }.auth-page .tech-data { animation-delay: .65s !important; }.auth-page .tech-gear { animation-delay: .80s !important; }.auth-page .tech-network { animation-delay: .95s !important; }.auth-page .tech-chart { animation-delay: 1.10s !important; }.auth-page .tech-lock { animation-delay: 1.25s !important; }.auth-page .tech-node { animation-delay: 1.40s !important; }@keyframes itLogin-techHandoff {
  0% { opacity: 0; transform: scale(.25) translateY(20px); }
  24% { opacity: .9; transform: scale(1.08) translateY(0); }
  58% { opacity: .7; transform: scale(1) translateY(-5px); }
  100% { opacity: .22; transform: scale(.94) translateY(0); }
}.auth-page .auth-card {
  width: min(470px, calc(100vw - 40px)) !important;
  border-radius: 27px;
}.auth-page .card-brand {
  padding: 27px 31px 8px !important;
}.auth-page .form-content {
  padding: 20px 31px 21px !important;
}.auth-page .card-footer {
  padding: 14px 31px 17px !important;
}.auth-page .input-wrap {
  margin-bottom: 14px !important;
}.auth-page .input-wrap label {
  margin-left: 2px;
  margin-bottom: 7px;
}.auth-page .input-wrap input[type=email],
.auth-page .input-wrap input[type=password],
.auth-page .input-wrap input[type=text] {
  height: 48px !important;
  border-radius: 13px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}.auth-page .password-wrap input { padding-right: 50px !important; }.auth-page .form-row { margin: 2px 0 17px !important; }.auth-page .login-button {
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 14px !important;
}.auth-page .divider-line { margin: 15px 0 11px !important; }.auth-page .secondary-action { height: 46px !important; border-radius: 13px !important; }.auth-page .signup-line { margin-top: 13px !important; }@media (max-width: 600px) {.auth-page .auth-card {
    width: min(430px, calc(100vw - 28px)) !important;
  }.auth-page .card-brand,
.auth-page .form-content,
.auth-page .card-footer {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }.auth-page .workspace-art { width: 92vw; }
}@media (prefers-reduced-motion: reduce) {.auth-page .login-stage { animation: none !important; opacity: 1; visibility: visible; transform: none; }.auth-page .intro-scene,
.auth-page .transition-effects { display: none; }
}.auth-page .auth-card {
  width: min(600px, calc(100vw - 32px));
  height: auto;
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}.auth-page .card-brand {
  padding-left: 44px;
  padding-right: 44px;
}.auth-page .form-content {
  width: 100%;
  padding: 20px 44px 22px;
}.auth-page .form-content form {
  width: 100%;
  margin: 0;
}.auth-page .input-wrap {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}.auth-page .input-wrap input[type="email"],
.auth-page .input-wrap input[type="password"],
.auth-page .input-wrap input[type="text"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}.auth-page .form-row {
  width: 100%;
  min-width: 0;
}.auth-page .login-button,
.auth-page .secondary-action {
  width: 100%;
  box-sizing: border-box;
}.auth-page .card-footer {
  padding-left: 44px;
  padding-right: 44px;
}.auth-page .remember {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: 9px;
  min-height: 22px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  color: #9cafcf;
  cursor: pointer;
}.auth-page .remember input[type="checkbox"] {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #7190bc !important;
  border-radius: 5px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}.auth-page .remember input[type="checkbox"]:checked {
  border-color: transparent !important;
  background: linear-gradient(135deg, #2c8dff, #15d8ff) !important;
}.auth-page .remember input[type="checkbox"]:checked::after {
  content: "✓";
  display: block;
  width: 18px;
  height: 18px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}.auth-page .remember span {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 18px !important;
  font-size: .78rem;
  white-space: nowrap;
}@media (max-width: 600px) {.auth-page .auth-card {
    width: min(430px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
  }.auth-page .card-brand,
.auth-page .card-footer {
    padding-left: 22px;
    padding-right: 22px;
  }.auth-page .form-content {
    padding-left: 22px;
    padding-right: 22px;
  }
}@media (max-width: 360px) {.auth-page .auth-card {
    width: calc(100vw - 18px);
  }.auth-page .card-brand,
.auth-page .card-footer,
.auth-page .form-content {
    padding-left: 17px;
    padding-right: 17px;
  }.auth-page .form-row {
    gap: 7px;
  }.auth-page .text-link {
    white-space: nowrap;
  }
}.auth-page .form-content {
  padding-bottom: 12px;
}.auth-page .form-message {
  display: none;
}.auth-page .divider-line {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1px;
  margin: 20px 0 4px;
  color: transparent;
}.auth-page .divider-line::before,
.auth-page .divider-line::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(151, 195, 255, .18);
}.auth-page .divider-line span {
  display: none;
}.auth-page .card-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 44px 18px;
}.auth-page .card-footer span {
  white-space: nowrap;
}@media (max-width: 600px) {.auth-page .form-content {
    padding-bottom: 9px;
  }.auth-page .divider-line {
    margin-top: 17px;
  }.auth-page .card-footer {
    padding-left: 22px;
    padding-right: 22px;
    gap: 10px;
  }
}@media (max-width: 360px) {.auth-page .card-footer {
    padding-left: 17px;
    padding-right: 17px;
    gap: 6px;
    font-size: .6rem;
  }
}@media (max-width: 600px) {.auth-page .login-stage {
    padding: 8px;
  }.auth-page .auth-card {
    width: min(430px, calc(100vw - 16px));
    max-height: none;
    height: auto;
    overflow: hidden;
    border-radius: 22px;
  }.auth-page .card-brand {
    padding: 16px 20px 3px;
  }.auth-page .card-brand strong {
    font-size: 1.08rem;
  }.auth-page .card-brand small {
    margin-top: 3px;
    font-size: .57rem;
  }.auth-page .form-content {
    padding: 12px 20px 5px;
  }.auth-page .eyebrow {
    margin-bottom: 5px;
    font-size: .6rem;
  }.auth-page h1 {
    font-size: 1.75rem;
    line-height: 1.04;
  }.auth-page .form-subtitle {
    margin: 7px 0 13px;
    font-size: .76rem;
    line-height: 1.35;
  }.auth-page .input-wrap {
    margin-bottom: 9px;
  }.auth-page .input-wrap label {
    margin-bottom: 5px;
    font-size: .65rem;
  }.auth-page .input-wrap input[type="email"],
.auth-page .input-wrap input[type="password"],
.auth-page .input-wrap input[type="text"] {
    height: 43px;
    font-size: .84rem;
    padding-left: 14px !important;
  }.auth-page .password-wrap input {
    padding-right: 48px !important;
  }.auth-page .login-button {
    height: 45px;
    line-height: 45px;
    min-height: 45px;
    font-size: .84rem;
    border-radius: 13px;
  }.auth-page .divider-line {
    margin: 14px 0 0;
  }.auth-page .card-footer {
    padding: 10px 20px 13px;
    min-height: 40px;
    font-size: .59rem;
  }
}@media (max-width: 380px) {.auth-page .login-stage {
    padding: 6px;
  }.auth-page .auth-card {
    width: calc(100vw - 12px);
    border-radius: 20px;
  }.auth-page .card-brand {
    padding: 13px 16px 2px;
  }.auth-page .form-content {
    padding: 10px 16px 4px;
  }.auth-page h1 {
    font-size: 1.58rem;
  }.auth-page .form-subtitle {
    margin-bottom: 10px;
    font-size: .7rem;
  }.auth-page .input-wrap {
    margin-bottom: 7px;
  }.auth-page .input-wrap input[type="email"],
.auth-page .input-wrap input[type="password"],
.auth-page .input-wrap input[type="text"] {
    height: 40px;
  }.auth-page .login-button {
    height: 42px;
    line-height: 42px;
  }.auth-page .divider-line {
    margin-top: 11px;
  }.auth-page .card-footer {
    padding: 8px 16px 10px;
    font-size: .56rem;
  }
}@media (max-width: 600px) and (max-height: 560px) {.auth-page .login-stage {
    place-items: start center;
    overflow-y: auto;
    padding: 6px;
  }.auth-page .auth-card {
    margin: 0 auto;
  }
}
.qc-page {
  --it2-navy:#061536;
  --it2-navy-2:#09265d;
  --it2-blue:#3472ff;
  --it2-cyan:#18d7ff;
  --it2-violet:#7555ff;
  --it2-text:#f5f9ff;
  --it2-muted:#9bb0d4;
  --it2-line:rgba(157,205,255,.18);
  --it2-glass:rgba(8,28,72,.68);
}
.qc-page * {box-sizing:border-box}.qc-page {
  min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 15% 80%,rgba(20,128,255,.22),transparent 32%),
    radial-gradient(circle at 86% 15%,rgba(111,70,255,.24),transparent 33%),
    linear-gradient(125deg,#04132f,#09265e 52%,#1d1458);
  padding:clamp(22px,4vw,48px) clamp(18px,5vw,72px) 24px;
}.qc-page .bg-orb {position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.4}.qc-page .orb-one {width:320px;height:320px;left:-180px;bottom:-160px;background:#087cff}.qc-page .orb-two {width:300px;height:300px;right:-160px;top:-130px;background:#7a4cff}.qc-page .tech-grid {position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.25}.qc-page .tech-grid span {
  position:absolute;width:54px;height:54px;border:1px solid rgba(97,195,255,.18);
  border-radius:16px;display:grid;place-items:center;color:#6edbff;font-size:18px;
  animation:itQc-float 7s ease-in-out infinite;
}.qc-page .tech-grid span:nth-child(1) {left:8%;top:22%}.qc-page .tech-grid span:nth-child(2) {left:22%;bottom:19%;animation-delay:1s}.qc-page .tech-grid span:nth-child(3) {right:10%;top:25%;animation-delay:2s}.qc-page .tech-grid span:nth-child(4) {right:21%;bottom:18%;animation-delay:3s}.qc-page .tech-grid span:nth-child(5) {left:13%;top:68%;animation-delay:1.5s}.qc-page .tech-grid span:nth-child(6) {right:7%;top:68%;animation-delay:2.5s}.qc-page .tech-grid span:nth-child(7) {left:45%;top:10%;animation-delay:3.5s}.qc-page .tech-grid span:nth-child(8) {right:38%;bottom:8%;animation-delay:4s}.qc-page .topbar,
.qc-page .qc-shell,
.qc-page .bottom-row {position:relative;z-index:2}.qc-page .topbar {display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto}.qc-page .brand {display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.qc-page .brand-bars {width:32px;height:31px;display:flex;align-items:end;gap:3px}.qc-page .brand-bars i {width:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(#3ae5ff,#2080ff);box-shadow:0 0 15px rgba(34,205,255,.25)}.qc-page .brand-bars i:nth-child(1) {height:16px}.qc-page .brand-bars i:nth-child(2) {height:27px}.qc-page .brand-bars i:nth-child(3) {height:21px}.qc-page .brand strong {display:block;font-size:1.2rem;line-height:1}.qc-page .brand small {display:block;margin-top:5px;color:#a9c5ef;font-size:.61rem}.qc-page .secure-badge {border:1px solid var(--it2-line);border-radius:30px;padding:9px 14px;color:#a9c7eb;font-size:.7rem;background:rgba(255,255,255,.035)}.qc-page .secure-badge span {display:inline-block;width:7px;height:7px;border-radius:50%;background:#34dcff;box-shadow:0 0 10px #34dcff;margin-right:7px}.qc-page .qc-shell {max-width:960px;margin:clamp(30px,7vh,70px) auto 0}.qc-page .heading {margin-bottom:24px;text-align:center}.qc-page .eyebrow {margin:0 0 7px;color:#42dcff;font-size:.65rem;font-weight:700;letter-spacing:.16em}.qc-page h1 {margin:0;font-size:clamp(2.2rem,2vw,1.25rem);letter-spacing:-.05em;line-height:1}.qc-page .heading p:last-child {margin:10px 0 0;color:var(--it2-muted);font-size:.9rem}.qc-page .dashboard-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.qc-page .glass-card {
  border:1px solid var(--it2-line);background:linear-gradient(145deg,rgba(31,64,125,.7),var(--it2-glass));
  box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}.qc-page .score-card {grid-row:span 2;border-radius:24px;padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.qc-page .score-label {font-size:.63rem;color:#8fa9d0;letter-spacing:.14em;font-weight:700}.qc-page .score-ring {position:relative;width:205px;height:205px;margin:13px 0 5px}.qc-page .score-ring svg {width:100%;height:100%;transform:rotate(-90deg)}.qc-page .score-ring circle {fill:none;stroke-width:9}.qc-page .ring-track {stroke:rgba(130,169,226,.13)}.qc-page .ring-value {stroke:url(#scoreGradient);stroke:#2cd4ff;stroke-linecap:round;stroke-dasharray:553;stroke-dashoffset:553;filter:drop-shadow(0 0 8px rgba(35,207,255,.35))}.qc-page .score-number {position:absolute;inset:0;display:grid;place-content:center}.qc-page .score-number strong {font-size:4.1rem;line-height:.9;letter-spacing:-.07em}.qc-page .score-number span {font-size:.72rem;color:#8ea7ce;margin-top:7px}.qc-page .score-status {color:#53e1bd;font-size:.78rem;font-weight:700}.qc-page .status-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#53e1bd;box-shadow:0 0 10px rgba(83,225,189,.6);margin-right:5px}.qc-page .score-copy .amounts{color: green;} .score-copy {max-width:380px;margin:10px 0 0;color:#8fa6ca;font-size:1.1rem;line-height:1.5}.qc-page .metrics-column {display:grid;gap:12px}.qc-page .metric-card {position:relative;border-radius:18px;padding:17px 18px;display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:12px}.qc-page .metric-icon {grid-row:span 2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#50ddff;border:1px solid rgba(75,211,255,.2);background:rgba(55,187,255,.07)}.qc-page .metric-card span {display:block;color:#9eb2d3;font-size:.7rem}.qc-page .metric-card strong {font-size:1.25rem;display:block;line-height:1.1;margin-top:2px}.qc-page .metric-card small {position:absolute;right:18px;top:18px;color:#5de1bd;font-size:.62rem}.qc-page .metric-bar {grid-column:2/-1;height:4px;margin-top:9px;border-radius:4px;background:rgba(123,164,220,.12);overflow:hidden}.qc-page .metric-bar i {display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#3875ff,#1ddcff);transition:width 1.25s cubic-bezier(.2,.8,.2,1)}.qc-page .insight-card {grid-column:2;border-radius:20px;padding:19px}.qc-page .card-head {display:flex;justify-content:space-between;color:#48dcff;font-size:.62rem;font-weight:700;letter-spacing:.1em}.qc-page .card-head b {color:#8299bd;font-weight:500;letter-spacing:0}.qc-page .insight-main {display:flex;justify-content:space-between;gap:25px;margin-top:13px}.qc-page .insight-main strong {font-size:1rem}.qc-page .insight-main p {margin:6px 0 0;color:#8fa5c8;font-size:.72rem;line-height:1.5;max-width:400px}.qc-page .trend {text-align:right;min-width:105px}.qc-page .trend span {display:block;color:#51e1bb;font-weight:700;font-size:.82rem}.qc-page .trend small {display:block;color:#7188ac;font-size:.59rem;margin-top:2px}.qc-page .mini-chart {height:32px;display:flex;align-items:end;gap:4px;justify-content:flex-end;margin-top:7px}.qc-page .mini-chart i {width:8px;border-radius:3px 3px 1px 1px;background:linear-gradient(#28dcff,#3971ff)}.qc-page .mini-chart i:nth-child(1) {height:10px}.qc-page .mini-chart i:nth-child(2) {height:15px}.qc-page .mini-chart i:nth-child(3) {height:12px}.qc-page .mini-chart i:nth-child(4) {height:22px}.qc-page .mini-chart i:nth-child(5) {height:18px}.qc-page .mini-chart i:nth-child(6) {height:27px}.qc-page .mini-chart i:nth-child(7) {height:31px}.qc-page .continue-row {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:14px 2px}.qc-page .continue-row span {color:#8097bc;font-size:.69rem}.qc-page .continue-row span b {color:#46dcff;margin-right:7px}.qc-page .bottom-row {max-width:960px;margin:12px auto 0;padding-top:13px;border-top:1px solid rgba(150,195,255,.1);display:flex;justify-content:space-between;color:#7188ab;font-size:.62rem}.qc-page .bottom-row b {color:#42dcff;margin-right:6px}@keyframes itQc-float {50%{transform:translateY(-10px)}}.qc-page .qc-content {
  opacity:1;
  transform:none;
  visibility:visible;
}.qc-page .metric-bar i {
  display:block;
  width:0;
  height:100%;
  border-radius:4px;
  background:linear-gradient(90deg,#3875ff,#1ddcff);
  transition:width 2s cubic-bezier(.2,.8,.2,1);
}.qc-page .score-ring .ring-value {
  transition:stroke-dashoffset 1.8s cubic-bezier(.2,.8,.2,1);
}@keyframes itQc-countUpFade {
  from{opacity:.25;transform:translateY(4px)}
  to{opacity:1;transform:none}
}.qc-page .metric-value,
.qc-page #scoreNumber {
  animation:itQc-countUpFade .55s ease both;
}@media(max-width:760px) {.qc-page {padding:18px 14px 18px;overflow-y:auto}.qc-page .topbar {align-items:flex-start}.qc-page .secure-badge {font-size:.6rem;padding:8px 10px}.qc-page .qc-shell {margin-top:34px}.qc-page .dashboard-grid {grid-template-columns:1fr}.qc-page .score-card {grid-row:auto;min-height:300px;padding:20px}.qc-page .metrics-column {grid-column:auto}.qc-page .insight-card {grid-column:auto}.qc-page .continue-row {align-items:stretch;flex-direction:column}.qc-page .bottom-row {margin-top:8px}
}@media(max-width:380px) {.qc-page .brand small {font-size:.54rem}.qc-page .brand strong {font-size:1.05rem}.qc-page .secure-badge {display:none}.qc-page .qc-shell {margin-top:27px}.qc-page .score-card {min-height:275px}.qc-page .score-ring {width:165px;height:165px}.qc-page .score-number strong {font-size:3.3rem}.qc-page .metric-card {padding:14px}.qc-page .insight-main {flex-direction:column}.qc-page .trend {text-align:left}
}@media(prefers-reduced-motion:reduce) {.qc-page *,
.qc-page *::before,
.qc-page *::after {animation:none!important;transition:none!important}
}
.earnings-page {
  --it2-navy:#061536;--it2-blue:#3472ff;--it2-cyan:#18d7ff;--it2-violet:#7555ff;
  --it2-text:#f5f9ff;--it2-muted:#9bb0d4;--it2-line:rgba(157,205,255,.18);
  --it2-glass:rgba(8,28,72,.68);
}
.earnings-page * {box-sizing:border-box}.earnings-page {
  min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 12% 82%,rgba(20,128,255,.22),transparent 32%),
    radial-gradient(circle at 87% 13%,rgba(111,70,255,.25),transparent 33%),
    linear-gradient(125deg,#04132f,#09265e 52%,#1d1458);
  padding:clamp(22px,4vw,48px) clamp(18px,5vw,72px) 22px;
}.earnings-page .bg-orb {position:absolute;border-radius:50%;filter:blur(65px);pointer-events:none;opacity:.4}.earnings-page .orb-one {width:330px;height:330px;left:-180px;bottom:-170px;background:#087cff}.earnings-page .orb-two {width:300px;height:300px;right:-160px;top:-140px;background:#7a4cff}.earnings-page .tech-icons {position:absolute;inset:0;pointer-events:none;opacity:.23}.earnings-page .tech-icons span {
  position:absolute;width:54px;height:54px;border:1px solid rgba(97,195,255,.17);border-radius:16px;
  display:grid;place-items:center;color:#6edbff;font-size:18px;animation:itEarnings-float 7s ease-in-out infinite
}.earnings-page .tech-icons span:nth-child(1) {left:8%;top:22%}.earnings-page .tech-icons span:nth-child(2) {left:22%;bottom:19%;animation-delay:1s}.earnings-page .tech-icons span:nth-child(3) {right:10%;top:25%;animation-delay:2s}.earnings-page .tech-icons span:nth-child(4) {right:21%;bottom:18%;animation-delay:3s}.earnings-page .tech-icons span:nth-child(5) {left:13%;top:68%;animation-delay:1.5s}.earnings-page .tech-icons span:nth-child(6) {right:7%;top:68%;animation-delay:2.5s}.earnings-page .tech-lines {position:absolute;inset:0;pointer-events:none;opacity:.13;background:
  linear-gradient(14deg,transparent 0 21%,rgba(90,205,255,.5) 21.1%,transparent 21.25%),
  linear-gradient(166deg,transparent 0 70%,rgba(90,205,255,.45) 70.1%,transparent 70.25%)}.earnings-page .topbar,
.earnings-page .earnings-shell,
.earnings-page .bottom-row {position:relative;z-index:2}.earnings-page .topbar {display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:auto}.earnings-page .brand {display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.earnings-page .brand-bars {width:32px;height:31px;display:flex;align-items:end;gap:3px}.earnings-page .brand-bars i {width:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(#3ae5ff,#2080ff);box-shadow:0 0 15px rgba(34,205,255,.25)}.earnings-page .brand-bars i:nth-child(1) {height:16px}.earnings-page .brand-bars i:nth-child(2) {height:27px}.earnings-page .brand-bars i:nth-child(3) {height:21px}.earnings-page .brand strong {display:block;font-size:1.2rem;line-height:1}.earnings-page .brand small {display:block;margin-top:5px;color:#a9c5ef;font-size:.61rem}.earnings-page .page-tag {border:1px solid var(--it2-line);border-radius:30px;padding:9px 14px;color:#a9c7eb;font-size:.7rem;background:rgba(255,255,255,.035)}.earnings-page .page-tag span {display:inline-block;width:7px;height:7px;border-radius:50%;background:#34dcff;box-shadow:0 0 10px #34dcff;margin-right:7px}.earnings-page .earnings-shell {max-width:620px;margin:clamp(38px,8vh,80px) auto 0}.earnings-page .heading {text-align:center;margin-bottom:24px}.earnings-page .eyebrow {margin:0 0 7px;color:#42dcff;font-size:.65rem;font-weight:700;letter-spacing:.16em}.earnings-page h1 {margin:0;font-size:clamp(2.25rem,5vw,3.2rem);letter-spacing:-.05em;line-height:1}.earnings-page .heading p:last-child {margin:10px 0 0;color:var(--it2-muted);font-size:.88rem}.earnings-page .glass-card {
  border:1px solid var(--it2-line);
  background:linear-gradient(145deg,rgba(31,64,125,.72),var(--it2-glass));
  box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}.earnings-page .earnings-card {border-radius:26px;padding:29px 34px 30px;text-align:center}.earnings-page .earnings-card-top {display:flex;justify-content:space-between;align-items:center}.earnings-page .balance-label {color:#91a9cd;font-size:.65rem;letter-spacing:.14em;font-weight:700}.earnings-page .balance-status {font-size:.64rem;color:#58e2bd}.earnings-page .balance-status i {display:inline-block;width:7px;height:7px;border-radius:50%;background:#58e2bd;box-shadow:0 0 9px #58e2bd;margin-right:5px}.earnings-page .salary {margin:24px 0 0;display:flex;justify-content:center;align-items:baseline;line-height:1;letter-spacing:-.055em;text-shadow:0 8px 30px rgba(30,190,255,.12)}.earnings-page .salary small {font-size:1.5rem;color:#58dcff;margin-right:6px}.earnings-page .salary strong {font-size:clamp(4rem,10vw,6.3rem);font-weight:700;background:linear-gradient(100deg,#fff,#a9eaff 58%,#9d8aff);-webkit-background-clip:text;background-clip:text;color:transparent}.earnings-page .salary span {font-size:1.45rem;color:#9db2d5;margin-left:3px}.earnings-page .salary-note {margin-top:20px;color:#7e96bb;font-size:1rem}.earnings-page .earnings-rule {height:1px;background:var(--it2-line);margin:26px 0 21px}.earnings-page .withdraw-button {width:100%;height:56px;line-height:56px;border:0;border-radius:15px;text-transform:none;font-weight:700;font-size:.92rem;background:linear-gradient(100deg,#3770ff,#18cfff);box-shadow:0 15px 32px rgba(25,139,255,.25);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .25s ease,box-shadow .25s ease}.earnings-page .withdraw-button:hover {transform:translateY(-2px);box-shadow:0 19px 38px rgba(25,139,255,.33)}.earnings-page .withdraw-button .button-icon {font-size:1.15rem}.earnings-page .withdraw-button b,
.earnings-page .bank-button b {margin-left:3px}.earnings-page .bank-area {margin-top:15px;padding:16px;border-radius:17px;border:1px solid rgba(102,205,255,.16);background:rgba(3,18,49,.35);animation:itEarnings-reveal .45s ease both}.earnings-page .bank-intro {display:flex;align-items:center;text-align:left;gap:12px;margin-bottom:13px}.earnings-page .bank-symbol {width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#55dcff;border:1px solid rgba(75,211,255,.18);background:rgba(55,187,255,.07)}.earnings-page .bank-intro strong {display:block;font-size:.79rem}.earnings-page .bank-intro small {display:block;color:#8097bb;font-size:.62rem;margin-top:3px;line-height:1.35}.earnings-page .bank-button {width:100%;height:49px;border:1px solid rgba(102,205,255,.22);border-radius:13px;background:rgba(255,255,255,.04);color:#eaf4ff;text-transform:none;font-size:.84rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.25s}.earnings-page .bank-button:hover {background:rgba(40,180,255,.09);border-color:rgba(102,205,255,.4);transform:translateY(-1px)}.earnings-page .bank-building {color:#5de1ff}.earnings-page .transfer-state {margin-top:15px;padding:22px 18px;border-radius:17px;border:1px solid rgba(88,219,255,.18);background:rgba(2,15,43,.4);display:flex;flex-direction:column;align-items:center;animation:itEarnings-reveal .4s ease both}.earnings-page .spinner-ring {width:43px;height:43px;border:3px solid rgba(101,194,255,.17);border-top-color:#40ddff;border-right-color:#765aff;border-radius:50%;animation:itEarnings-spin 1s linear infinite}.earnings-page .transfer-state strong {margin-top:12px;font-size:.92rem}.earnings-page .transfer-state span {margin-top:4px;color:#8198bd;font-size:.66rem}.earnings-page .progress-track {width:min(300px,90%);height:3px;margin-top:13px;border-radius:3px;background:rgba(120,168,225,.13);overflow:hidden}.earnings-page .progress-track i {display:block;width:0;height:100%;background:linear-gradient(90deg,#3a70ff,#18d8ff);transition:width linear}.earnings-page .earnings-info {display:flex;justify-content:space-between;padding:16px 3px 0;color:#7188ab;font-size:.63rem}.earnings-page .earnings-info b {color:#43dcff;margin-right:5px}.earnings-page .bottom-row {max-width:620px;margin:18px auto 0;padding-top:13px;border-top:1px solid rgba(150,195,255,.1);display:flex;justify-content:space-between;color:#7188ab;font-size:.6rem}.earnings-page .bottom-row b {color:#42dcff;margin-right:5px}.earnings-page [hidden] {display:none!important}@keyframes itEarnings-float {50%{transform:translateY(-10px)}}@keyframes itEarnings-spin {to{transform:rotate(360deg)}}@keyframes itEarnings-reveal {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:600px) {.earnings-page {padding:18px 13px 18px;overflow-y:auto}.earnings-page .topbar {align-items:flex-start}.earnings-page .page-tag {font-size:.6rem;padding:8px 10px}.earnings-page .earnings-shell {margin-top:32px}.earnings-page .earnings-card {padding:23px 20px 22px;border-radius:22px}.earnings-page .salary {margin-top:21px}.earnings-page .salary strong {font-size:clamp(3.6rem,18vw,5rem)}.earnings-page .earnings-rule {margin:22px 0 17px}.earnings-page .withdraw-button {height:51px;line-height:51px}.earnings-page .earnings-info {padding-top:13px}.earnings-page .bottom-row {margin-top:12px} #ifsc{text-transform: uppercase;}
}@media(max-width:380px) {.earnings-page .page-tag {display:none}.earnings-page .earnings-shell {margin-top:25px}.earnings-page .earnings-card {padding:20px 16px}.earnings-page .salary strong {font-size:3.45rem}.earnings-page .salary small {font-size:1.15rem}.earnings-page .salary span {font-size:1.05rem}.earnings-page .earnings-info {font-size:.57rem}.earnings-page .bank-area {padding:13px}}@media(prefers-reduced-motion:reduce) {.earnings-page *,
.earnings-page *::before,
.earnings-page *::after {animation:none!important}}
.portal-page {
  --it2-navy:#061536;
  --it2-blue:#3472ff;
  --it2-cyan:#18d7ff;
  --it2-violet:#7555ff;
  --it2-text:#f5f9ff;
  --it2-muted:#9bb0d4;
  --it2-line:rgba(157,205,255,.18);
  --it2-glass:rgba(8,28,72,.72);
}
.portal-page * {box-sizing:border-box}.portal-page {
  min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;
  padding:32px clamp(18px,5vw,72px) 22px;
  background:
    radial-gradient(circle at 12% 82%,rgba(20,128,255,.23),transparent 32%),
    radial-gradient(circle at 88% 15%,rgba(111,70,255,.25),transparent 34%),
    linear-gradient(125deg,#04132f,#09265e 52%,#1d1458);
}.portal-page .bg-orb {position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.38}.portal-page .orb-one {width:350px;height:350px;left:-190px;bottom:-170px;background:#087cff}.portal-page .orb-two {width:330px;height:330px;right:-170px;top:-150px;background:#7a4cff}.portal-page .tech-icons {position:absolute;inset:0;pointer-events:none;opacity:.22}.portal-page .tech {
  position:absolute;width:54px;height:54px;border:1px solid rgba(97,195,255,.18);
  border-radius:16px;display:grid;place-items:center;color:#6edbff;font-size:17px;
  animation:itPortal-float 7s ease-in-out infinite;
}.portal-page .t1 {left:8%;top:24%}.portal-page .t2 {left:17%;bottom:18%;animation-delay:1s}.portal-page .t3 {right:10%;top:31%;animation-delay:2s}.portal-page .t4 {right:19%;bottom:19%;animation-delay:3s}.portal-page .t5 {left:28%;top:12%;animation-delay:1.5s}.portal-page .t6 {right:31%;top:70%;animation-delay:2.5s}.portal-page .portal-header {position:relative;z-index:2;max-width:920px;margin:auto;display:flex;justify-content:space-between;align-items:center}.portal-page .brand {display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.portal-page .brand-bars {width:32px;height:31px;display:flex;align-items:end;gap:3px}.portal-page .brand-bars i {width:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(#3ae5ff,#2080ff);box-shadow:0 0 15px rgba(34,205,255,.25)}.portal-page .brand-bars i:nth-child(1) {height:16px}.portal-page .brand-bars i:nth-child(2) {height:27px}.portal-page .brand-bars i:nth-child(3) {height:21px}.portal-page .brand strong {display:block;font-size:1.2rem;line-height:1}.portal-page .brand small {display:block;margin-top:5px;color:#a9c5ef;font-size:.61rem}.portal-page .secure-badge {border:1px solid var(--it2-line);border-radius:30px;padding:9px 14px;color:#a9c7eb;font-size:.7rem;background:rgba(255,255,255,.035)}.portal-page .secure-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#34dcff;box-shadow:0 0 10px #34dcff;margin-right:7px}.portal-page .portal-content {position:relative;z-index:2;width:min(620px,100%);margin:clamp(35px,7vh,72px) auto 0}.portal-page .portal-intro {text-align:center;margin-bottom:22px}.portal-page .eyebrow {margin:0 0 7px;color:#42dcff;font-size:.65rem;font-weight:700;letter-spacing:.16em}.portal-page .portal-intro h1 {margin:0;font-size:clamp(2rem,5vw,2.85rem);line-height:1.05;letter-spacing:-.05em}.portal-page .portal-intro p:last-child {margin:10px auto 0;color:var(--it2-muted);font-size:.82rem}.portal-page .portal-card {
  position:relative;border:1px solid var(--it2-line);border-radius:25px;padding:27px 32px 29px;
  background:linear-gradient(145deg,rgba(31,64,125,.72),var(--it2-glass));
  box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}.portal-page .portal-card::before {content:"";position:absolute;inset:1px;border-radius:24px;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(62,196,255,.07))}.portal-page .card-top {position:relative;display:flex;align-items:center;gap:12px;margin-bottom:23px}.portal-page .bank-icon {width:44px;height:44px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(75,211,255,.22);background:rgba(55,187,255,.07);color:#4cddff}.portal-page .bank-icon svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.portal-page .card-kicker {display:block;color:#48dcff;font-size:.59rem;font-weight:700;letter-spacing:.12em}.portal-page .card-top h2 {margin:4px 0 0;font-size:1.35rem;line-height:1}.portal-page .field {position:relative;margin-bottom:15px}.portal-page .field label {display:block;margin:0 0 7px 2px;color:#b9c9e7;font-size:.7rem;font-weight:600}.portal-page .field input {
  display:block;width:100%;height:49px;margin:0;padding:0 15px;
  color:#fff;border:1px solid var(--it2-line)!important;border-radius:13px!important;
  outline:none;background:rgba(3,16,45,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.08)!important;
  transition:border-color .25s,box-shadow .25s,background .25s;
}.portal-page .field input::placeholder {color:#7184a8}.portal-page .field input:focus {border-color:rgba(65,202,255,.75)!important;box-shadow:0 0 0 3px rgba(28,180,255,.09),inset 0 1px 0 rgba(255,255,255,.05)!important;background:rgba(4,23,59,.72)!important}.portal-page .form-note {display:flex;align-items:center;gap:8px;margin:3px 0 18px;color:#7f96ba;font-size:.65rem;line-height:1.4}.portal-page .note-icon {display:grid;place-items:center;width:17px;height:17px;border-radius:50%;flex:0 0 17px;color:#55e1c0;border:1px solid rgba(85,225,192,.3);font-size:9px}.portal-page .submit-button {position:relative;width:100%;height:51px;line-height:51px;padding:0 18px;border-radius:14px;text-transform:none;font-size:.88rem;font-weight:700;background:linear-gradient(100deg,#3770ff,#16cfff);box-shadow:0 13px 30px rgba(27,137,255,.25),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .25s,box-shadow .25s}.portal-page .submit-button:hover {transform:translateY(-2px);box-shadow:0 17px 34px rgba(27,137,255,.33)}.portal-page .button-arrow {margin-left:8px}.portal-page .processing-state {text-align:center;padding:22px 10px 5px}.portal-page .processing-state[hidden],
.portal-page .processing-spinner {width:45px;height:45px;margin:0 auto 12px;border-radius:50%;border:3px solid rgba(112,195,255,.18);border-top-color:#39dfff;border-right-color:#526fff;animation:itPortal-spin .8s linear infinite}.portal-page .processing-state strong {display:block;font-size:1rem}.portal-page .processing-state span {display:block;margin-top:5px;color:#8fa6ca;font-size:.7rem}.portal-page .processing-track {height:4px;width:min(280px,90%);margin:15px auto 0;border-radius:4px;background:rgba(123,164,220,.12);overflow:hidden}.portal-page .processing-track i {display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#3770ff,#18d7ff);animation:itPortal-process 5s linear forwards}.portal-page .portal-footer {position:relative;z-index:2;width:min(620px,100%);margin:16px auto 0;padding-top:13px;border-top:1px solid rgba(150,195,255,.1);display:flex;justify-content:space-between;color:#7188ab;font-size:.62rem}.portal-page .portal-footer b {color:#42dcff;margin-right:6px}@media(max-width:600px) {.portal-page {padding:20px 14px 17px;overflow-y:auto}.portal-page .portal-header {align-items:flex-start}.portal-page .secure-badge {font-size:.59rem;padding:8px 10px}.portal-page .portal-content {margin-top:31px}.portal-page .portal-intro {margin-bottom:18px}.portal-page .portal-intro h1 {font-size:2rem}.portal-page .portal-intro p:last-child {font-size:.74rem}.portal-page .portal-card {padding:22px 20px 23px;border-radius:21px}.portal-page .card-top {margin-bottom:19px}.portal-page .field {margin-bottom:12px}.portal-page .field label {margin-bottom:5px;font-size:.66rem}.portal-page .field input {height:45px;font-size:.82rem}.portal-page .form-note {margin-bottom:15px;font-size:.61rem}.portal-page .submit-button {height:47px;line-height:47px}.portal-page .portal-footer {margin-top:12px}
}@media(max-width:380px) {.portal-page .secure-badge {display:none}.portal-page {padding:16px 10px}.portal-page .portal-content {margin-top:24px}.portal-page .portal-intro h1 {font-size:1.72rem}.portal-page .portal-card {padding:18px 16px 19px}.portal-page .brand strong {font-size:1.05rem}.portal-page .field input {height:42px}.portal-page .submit-button {height:44px;line-height:44px}.portal-page .portal-footer {font-size:.57rem}
}@media(prefers-reduced-motion:reduce) {.portal-page *,
.portal-page *::before,
.portal-page *::after {animation:none!important}}.portal-page .portal-content {
  width: min(672px, calc(100vw - 32px));
  margin-top: clamp(30px, 5.5vh, 58px);
}.portal-page .portal-intro {
  margin-bottom: 27px;
}.portal-page .portal-intro h1 {
  font-size: clamp(2.35rem, 5vw, 3.15rem);
  font-weight: 300;
  letter-spacing: -.045em;
}.portal-page .portal-intro p:last-child {
  margin-top: 11px;
  font-size: .84rem;
}.portal-page .portal-card {
  border-radius: 25px;
  padding: 31px 37px 29px;
}.portal-page .card-top {
  gap: 13px;
  margin-bottom: 24px;
  padding-bottom: 23px;
  border-bottom: 1px solid rgba(157,205,255,.15);
}.portal-page .bank-icon {
  width: 54px;
  height: 54px;
  border-radius: 15px;
}.portal-page .bank-icon svg {
  width: 24px;
  height: 24px;
}.portal-page .card-kicker {
  font-size: .61rem;
}.portal-page .card-top h2 {
  margin-top: 5px;
  font-size: 1.02rem;
  font-weight: 600;
}.portal-page .card-subtitle {
  display: block;
  margin-top: 5px;
  color: #8198bb;
  font-size: .62rem;
  font-weight: 400;
}.portal-page .field {
  margin-bottom: 18px;
}.portal-page .field label {
  margin: 0 0 8px 1px;
  color: #b8c8e3;
  font-size: .67rem;
  font-weight: 600;
}.portal-page .field input {
  height: 55px !important;
  padding: 0 16px !important;
  font-size: .9rem !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
}.portal-page .field input::placeholder {
  color: #7487a9 !important;
  opacity: 1 !important;
}.portal-page .form-note {
  margin: 0 0 19px;
  font-size: .63rem;
}.portal-page .submit-button {
  height: 61px;
  line-height: 61px;
  border-radius: 15px;
  font-size: .83rem;
}.portal-page .processing-state {
  padding: 30px 10px 8px;
}.portal-page .portal-footer {
  width: min(672px, calc(100vw - 32px));
  margin-top: 15px;
}@media (max-width: 600px) {.portal-page .portal-content {
    width: min(100%, 430px);
    margin-top: 30px;
  }.portal-page .portal-intro {
    margin-bottom: 20px;
  }.portal-page .portal-intro h1 {
    font-size: 2.15rem;
  }.portal-page .portal-card {
    padding: 24px 22px 24px;
    border-radius: 22px;
  }.portal-page .card-top {
    margin-bottom: 21px;
    padding-bottom: 19px;
  }.portal-page .field {
    margin-bottom: 14px;
  }.portal-page .field input {
    height: 49px !important;
    padding: 0 15px !important;
    font-size: .84rem !important;
  }.portal-page .submit-button {
    height: 51px;
    line-height: 51px;
  }.portal-page .portal-footer {
    width: min(100%, 430px);
  }
}@media (max-width: 380px) {.portal-page .portal-content {
    width: 100%;
  }.portal-page .portal-card {
    padding: 20px 17px 20px;
  }.portal-page .portal-intro h1 {
    font-size: 1.82rem;
  }.portal-page .field input {
    height: 46px !important;
  }.portal-page .submit-button {
    height: 48px;
    line-height: 48px;
  }
}

/* Shared Phase 2 logo and final requested compact widths */
.qc-page .it-page-logo,
.earnings-page .it-page-logo,
.portal-page .it-page-logo{display:block;width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.qc-page .brand-bars,.earnings-page .brand-bars,.portal-page .brand-bars{display:none}
.qc-page .brand,.earnings-page .brand,.portal-page .brand{gap:11px}
.earnings-page .earnings-shell{width:min(560px,calc(100vw - 32px));max-width:560px}
.earnings-page .earnings-card{width:100%}
.earnings-page .bottom-row{width:min(560px,calc(100vw - 32px));max-width:560px}
.portal-page .portal-content{width:min(560px,calc(100vw - 32px));max-width:560px}
.portal-page .portal-footer{width:min(560px,calc(100vw - 32px));max-width:560px}
@media(max-width:600px){.earnings-page .earnings-shell,.earnings-page .bottom-row,.portal-page .portal-content,.portal-page .portal-footer{width:min(100%,430px);max-width:430px}}


/* Phase 2 visual corrections: restore the original light text hierarchy
   and slow the QC/processing animations without changing the locked layouts. */
.qc-page,
.earnings-page,
.portal-page {
  color: var(--it2-text);
}

.qc-page h1,
.qc-page .score-number strong,
.qc-page .metric-card strong,
.qc-page .insight-main strong,
.earnings-page h1,
.earnings-page .bank-intro strong,
.earnings-page .transfer-state strong,
.portal-page h1,
.portal-page .card-top h2,
.portal-page .processing-state strong {
  color: var(--it2-text);
}

.qc-page .metric-card strong,
.qc-page .score-number strong,
.qc-page .insight-main strong {
  color: #f5f9ff;
}

/* Slower QC score presentation: ring, counters and metric bars now reveal
   progressively instead of completing almost immediately. */
.qc-page .score-ring .ring-value {
  transition: stroke-dashoffset 4.2s cubic-bezier(.2,.8,.2,1);
}

.qc-page .metric-bar i {
  transition: width 4.2s cubic-bezier(.2,.8,.2,1);
}

.qc-page .metric-value,
.qc-page #scoreNumber {
  animation: itQc-countUpFade 1.4s ease both;
}

/* Portal processing is an actual 10-second visual progress state. */
.portal-page .processing-state[hidden] {
  display: none !important;
}

.portal-page .processing-spinner {
  animation: itPortal-spin .9s linear infinite;
}

.portal-page .processing-track i {
  animation: none;
  width: 0;
  transition: width 10s linear;
}

@media (prefers-reduced-motion: reduce) {
  .qc-page .score-ring .ring-value,
  .qc-page .metric-bar i,
  .qc-page .metric-value,
  .qc-page #scoreNumber,
  .portal-page .processing-spinner,
  .portal-page .processing-track i {
    animation: none !important;
    transition: none !important;
  }
}


/* Final Phase 2 corrections — preserve the existing layouts, only restore
   the intended text hierarchy and make the reactive states visibly animate. */
.qc-page h1,
.qc-page h2,
.qc-page h3,
.qc-page strong,
.earnings-page h1,
.earnings-page h2,
.earnings-page h3,
.earnings-page strong,
.portal-page h1,
.portal-page h2,
.portal-page h3,
.portal-page strong {
  color: #f5f9ff !important;
}

.qc-page .score-number span,
.qc-page .heading p:last-child,
.earnings-page .heading p:last-child,
.earnings-page .salary-note,
.portal-page .portal-intro p:last-child {
  color: var(--it2-muted) !important;
}

/* Slow QC score reveal: approximately 8 seconds for the main score/counters. */
.qc-page .score-ring .ring-value {
  transition: stroke-dashoffset 8s cubic-bezier(.2,.8,.2,1) !important;
}
.qc-page .metric-bar i {
  transition: width 7.5s cubic-bezier(.2,.8,.2,1) !important;
}
.qc-page .metric-value,
.qc-page #scoreNumber {
  animation: none !important;
}

/* Keep the portal processing state visibly active for the full 10 seconds. */
.portal-page .processing-spinner {
  animation: itPortal-spin .8s linear infinite !important;
}
.portal-page .processing-track i {
  width: 0;
  transition: none !important;
  animation: none !important;
}

/* If fav.png is temporarily unavailable, the JS fallback replaces the
   broken image with the same lightweight IT Connect mark used by the
   approved QC reference. */
.qc-page .it-page-logo.logo-fallback,
.earnings-page .it-page-logo.logo-fallback,
.portal-page .it-page-logo.logo-fallback {
  width: 32px;
  height: 31px;
  object-fit: contain;
}


/* QC reference logo fallback — used only when images/fav.png cannot load. */
.qc-page .it-reference-logo,
.earnings-page .it-reference-logo,
.portal-page .it-reference-logo {
  width:32px;
  height:31px;
  display:flex;
  align-items:flex-end;
  gap:3px;
  flex:0 0 auto;
}
.qc-page .it-reference-logo i,
.earnings-page .it-reference-logo i,
.portal-page .it-reference-logo i {
  width:8px;
  border-radius:4px 4px 1px 1px;
  background:linear-gradient(#3ae5ff,#2080ff);
  box-shadow:0 0 15px rgba(34,205,255,.25);
}
.qc-page .it-reference-logo i:nth-child(1),
.earnings-page .it-reference-logo i:nth-child(1),
.portal-page .it-reference-logo i:nth-child(1){height:16px}
.qc-page .it-reference-logo i:nth-child(2),
.earnings-page .it-reference-logo i:nth-child(2),
.portal-page .it-reference-logo i:nth-child(2){height:27px}
.qc-page .it-reference-logo i:nth-child(3),
.earnings-page .it-reference-logo i:nth-child(3),
.portal-page .it-reference-logo i:nth-child(3){height:21px}


@keyframes itPortal-spin {
  to { transform: rotate(360deg); }
}

/* Final requested Phase 2 corrections — no layout redesign. */
.qc-page .topbar .card-brand,
.earnings-page .topbar .card-brand,
.portal-page .portal-header .card-brand {
  display:flex;
  align-items:center;
  gap:11px;
  color:#fff;
  text-decoration:none;
}
.qc-page .topbar .card-brand .fav-icon,
.earnings-page .topbar .card-brand .fav-icon,
.portal-page .portal-header .card-brand .fav-icon {
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
}
.qc-page .topbar .card-brand strong,
.earnings-page .topbar .card-brand strong,
.portal-page .portal-header .card-brand strong {
  display:block;
  color:#f5f9ff !important;
  font-size:1.2rem;
  line-height:1;
}
.qc-page .topbar .card-brand small,
.earnings-page .topbar .card-brand small,
.portal-page .portal-header .card-brand small {
  display:block;
  margin-top:5px;
  color:#a9c5ef !important;
  font-size:.61rem;
}

/* Restore the salary amount's original blue/cyan/violet gradient. */
.earnings-page .salary strong {
  background:linear-gradient(100deg,#ffffff 0%,#a9eaff 58%,#9d8aff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
}

/* Earnings transfer progress is driven frame-by-frame by script.js. */
.earnings-page .progress-track i {
  width:0;
  transition:none !important;
}

/* Portal progress is driven frame-by-frame by script.js for the full 10s. */
.portal-page .processing-track i {
  width:0;
  transition:none !important;
  animation:none !important;
}


/* Backend integration additions - scoped to Phase 2 only */
.auth-page .login-processing {
  margin-top: 14px;
  padding: 18px 14px 4px;
  border: 1px solid rgba(88,219,255,.18);
  border-radius: 16px;
  background: rgba(2,15,43,.36);
  text-align: center;
}
.auth-page .login-processing-spinner {
  width: 42px; height: 42px; margin: 0 auto 11px;
  border-radius: 50%;
  border: 3px solid rgba(112,195,255,.18);
  border-top-color: #39dfff;
  border-right-color: #765aff;
  animation: itAuth-process-spin .85s linear infinite;
}
.auth-page .login-processing strong { display:block; font-size:.9rem; }
.auth-page .login-processing span { display:block; margin-top:4px; color:#8fa6ca; font-size:.68rem; }
.auth-page .login-processing-track {
  width:min(300px,90%); height:4px; margin:13px auto 0; border-radius:4px;
  background:rgba(123,164,220,.12); overflow:hidden;
}
.auth-page .login-processing-track i {
  display:block; width:0; height:100%; border-radius:4px;
  background:linear-gradient(90deg,#3770ff,#18d7ff);
}
.auth-page .it-password-modal[hidden] { display:none; }
.auth-page .it-password-modal {
  position:fixed; inset:0; z-index:100;
  display:grid; place-items:center; padding:20px;
  background:rgba(1,8,25,.78); backdrop-filter:blur(10px);
}
.auth-page .it-password-modal-card {
  width:min(430px,100%); padding:28px; border-radius:24px;
  color:var(--it-white);
  background:linear-gradient(145deg,rgba(24,53,112,.98),rgba(3,17,48,.98));
  border:1px solid rgba(168,213,255,.28);
  box-shadow:0 30px 90px rgba(0,0,0,.5);
}
.auth-page .it-password-modal-card h2 { margin:7px 0 8px; font-size:1.35rem; }
.auth-page .it-password-modal-card > p:not(.eyebrow) { color:#9cafcf; font-size:.78rem; line-height:1.6; margin-bottom:18px; }
.auth-page .it-password-modal-card label { display:block; color:#aebfdb; font-size:.7rem; margin:11px 0 6px; }
.auth-page .it-password-modal-card input {
  width:100%; height:46px; border:1px solid rgba(151,195,255,.18); border-radius:12px;
  padding:0 13px; color:#f7fbff; background:rgba(2,15,43,.52); outline:none;
}
.auth-page .it-password-modal-card input:focus { border-color:rgba(40,184,255,.65); box-shadow:0 0 0 3px rgba(40,184,255,.08); }
.auth-page .it-password-modal-card .login-button { margin-top:16px; border:0; }
@keyframes itAuth-process-spin { to { transform:rotate(360deg); } }