/* B-tech glass / 01 Oct 2026. Presentation only; loaded after the platform styles. */
:root {
  --glass-ink: #f1f6ff;
  --glass-muted: #b7c5dc;
  --glass-line: rgba(180, 207, 250, .24);
  --glass-panel: rgba(10, 24, 45, .76);
  --glass-focus: #9dc9ff;
  --glass-accent: #ffa16b;
  --glass-ease: cubic-bezier(.22, 1, .36, 1);
}
.btech-glass .glass-nav {
  position: relative;
  isolation: isolate;
  background: #0b1b32;
  border: 1px solid var(--glass-line);
  box-shadow: inset 0 1px 0 #ffffff12, 0 16px 42px #02081545;
  transition: background 240ms, min-height 240ms, box-shadow 240ms;
}
.btech-glass .glass-nav::before,
.btech-glass .glass-footer::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(360px circle at var(--glass-x, 65%) var(--glass-y, 0%), #328dff1e, transparent 75%);
  pointer-events: none;
  z-index: -1;
}
.btech-glass .glass-nav::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #8ab8ff87 46%, #ed702e80 75%, transparent);
  pointer-events: none;
}
.btech-glass .site-header.scrolled .glass-nav {
  background: #0a1a31;
  border-color: #a6c7f238;
  box-shadow: inset 0 1px 0 #ffffff12, 0 14px 45px #0006;
}
.btech-glass .nav-link, .btech-glass .login-link { position: relative; }
.btech-glass .nav-link::after, .btech-glass .login-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 18px;
  height: 2px;
  background: var(--glass-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms var(--glass-ease);
}
.btech-glass .nav-link:hover::after, .btech-glass .nav-link:focus-visible::after,
.btech-glass .login-link:hover::after, .btech-glass .login-link:focus-visible::after,
.btech-glass .nav-link.current::after { transform: scaleX(1); }
.btech-glass .mega-panel, .btech-glass .company-menu {
  background: #0b1c33;
  border: 1px solid var(--glass-line);
  box-shadow: inset 0 1px 0 #ffffff0a, 0 24px 60px #0007;
}
.btech-glass .nav-cta { background: linear-gradient(120deg, #1268f3, #1459c6); box-shadow: inset 0 1px 0 #ffffff36, 0 6px 22px #1268f333; }
.btech-glass .glass-auth {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  width: min(calc(100% - 112px), 1200px);
  gap: clamp(36px, 6vw, 100px);
  align-items: center;
  min-height: 720px;
  padding-block: 90px;
  perspective: 1200px;
}
.btech-glass.auth-page {
  background: #060e1d;
  background-image: radial-gradient(ellipse at 80% 25%, #102b5226, transparent 54%), radial-gradient(ellipse at 0 70%, #122d5126, transparent 55%);
}
.btech-glass .glass-energy {
  position: absolute;
  inset: -10px -70px;
  z-index: -1;
  background: url('../images/glass-energy.svg') center / cover no-repeat;
  opacity: .9;
  pointer-events: none;
  animation: glass-energy-drift 16s ease-in-out infinite alternate;
  mask-image: linear-gradient(180deg, transparent, #000 8%, #000 89%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 8%, #000 89%, transparent);
}
.btech-glass .glass-auth-intro {
  min-height: 0;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
}
.btech-glass .glass-auth-intro::before { display: none; }
.btech-glass .glass-auth-intro .eyebrow { color: #a6c6ef; font-size: 10px; letter-spacing: .18em; margin-bottom: 30px; line-height: 1.8; }
.btech-glass .glass-auth-intro h1 { font-size: clamp(46px, 5.3vw, 76px); line-height: 1.12; letter-spacing: -.06em; color: var(--glass-ink); }
.btech-glass .glass-auth-intro h1 span { color: #89baff; }
.btech-glass .glass-auth-intro p { color: var(--glass-muted); font-size: 15px; max-width: 350px; margin-top: 25px; }
.btech-glass .glass-capabilities { display: flex; flex-wrap: wrap; gap: 14px 21px; margin: 33px 0 28px; }
.btech-glass .glass-capabilities > span { display: inline-flex; align-items: center; gap: 8px; color: #c7d7ec; font-size: 11px; }
.btech-glass .glass-capabilities .ui-icon { width: 17px; height: 17px; color: #92bfff; }
.btech-glass .glass-auth-intro > .text-link { font-size: 12px; color: var(--glass-accent); gap: 14px; }
.btech-glass .glass-auth-intro > .text-link:hover { color: #ffd1b4; }
.btech-glass .glass-auth-stage { position: relative; min-width: 0; width: 100%; max-width: 480px; justify-self: end; padding: 20px 0; }
.btech-glass .glass-corner { position: absolute; width: 52px; height: 52px; border: 1px solid #afc8e540; border-radius: 12px; background: linear-gradient(145deg, #c3d9f31a, #ffffff02); pointer-events: none; }
.btech-glass .glass-corner-top { top: 0; left: -18px; clip-path: polygon(0 0, 100% 0, 0 100%); }
.btech-glass .glass-corner-bottom { bottom: 0; right: -18px; clip-path: polygon(100% 0, 100% 100%, 0 100%); border-color: #ffa16b40; }
.btech-glass .glass-auth-form {
  --ink: var(--glass-ink); --muted: var(--glass-muted); --line: var(--glass-line);
  --field: #ffffff08; --surface: #ffffff08; --link: #a6cfff; --focus: var(--glass-focus); --danger: #ffb1be;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  padding: clamp(26px, 3vw, 38px);
  gap: 19px;
  margin: 0;
  border: 1px solid var(--glass-line);
  border-radius: 22px;
  background: #0e1b2d;
  color: var(--glass-ink);
  box-shadow: inset 0 1px 0 #ffffff12, 0 24px 70px #0007;
  transform: rotateX(var(--glass-tilt-x, 0deg)) rotateY(var(--glass-tilt-y, 0deg));
  transition: transform 450ms var(--glass-ease), border-color 240ms, box-shadow 240ms;
}
.btech-glass .glass-auth-form::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(300px circle at var(--glass-x, 85%) var(--glass-y, 5%), #5ba2f417, transparent 75%);
  pointer-events: none;
}
.btech-glass .glass-auth-form::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 30px;
  right: 30px;
  height: 1px;
  background: linear-gradient(90deg, #80b8ff00, #8fc4ffa1, #ff985770, #80b8ff00);
  pointer-events: none;
}
.btech-glass .glass-auth-form:focus-within { transform: none; border-color: #a6ceff50; box-shadow: inset 0 1px 0 #ffffff15, 0 24px 70px #0007; }
.btech-glass .glass-form-heading { margin-bottom: 2px; }
.btech-glass .glass-form-brand { display: flex; align-items: center; gap: 10px; color: #ddeafd; font-size: 10px; letter-spacing: .1em; margin-bottom: 24px; }
.btech-glass .glass-form-brand > span > span { color: #91a8c8; }
.btech-glass .glass-auth-form .auth-form-symbol { width: 34px; height: 34px; margin: 0; border-radius: 10px; background: #ffffff08; border-color: #a7caff29; color: #93c0ff; }
.btech-glass .glass-auth-form .auth-form-symbol .ui-icon { width: 17px; height: 17px; }
.btech-glass .glass-auth-form h2 { color: var(--glass-ink); font-size: clamp(30px, 2.9vw, 40px); line-height: 1.2; letter-spacing: -.05em; }
.btech-glass .glass-auth-form h2 span { color: var(--glass-accent); }
.btech-glass .glass-form-heading p { font-size: 12px; line-height: 1.85; color: var(--glass-muted); margin-top: 10px; max-width: 340px; }
.btech-glass .glass-field { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 8px; margin: 0; }
.btech-glass .glass-field-label { color: #d2deef; font-size: 12px; font-weight: 500; }
.btech-glass .glass-field input, .btech-glass .glass-field select {
  color: var(--glass-ink);
  background: #ffffff07;
  border: 1px solid #b4cffa2d;
  min-height: 52px;
  width: 100%;
  border-radius: 10px;
  padding: 12px 15px;
  color-scheme: dark;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color 180ms, box-shadow 180ms, background 180ms;
}
.btech-glass .glass-field input:hover, .btech-glass .glass-field select:hover { border-color: #bdd6fa66; background: #ffffff0a; }
.btech-glass .glass-field input:focus, .btech-glass .glass-field select:focus { border-color: #9fc8ff; background: #152a4480; outline: 2px solid #99c5ff45; outline-offset: 2px; box-shadow: 0 0 0 4px #2c75d817; }
.btech-glass .glass-field[data-field-state=invalid] input, .btech-glass .glass-field[data-field-state=invalid] select { border-color: #ffb1be; }
.btech-glass .glass-field input:-webkit-autofill { -webkit-text-fill-color: var(--glass-ink); -webkit-box-shadow: 0 0 0 1000px #14263e inset; caret-color: var(--glass-ink); }
.btech-glass .glass-field .password-wrap input { padding-right: 85px; }
.btech-glass .glass-field .password-toggle { min-width: 64px; min-height: 44px; top: 4px; bottom: 4px; right: 5px; padding: 4px 8px; color: #b8d8ff; background: #0d2135; font-size: 11px; border: 1px solid #b4cffa18; }
.btech-glass .glass-field .password-toggle:hover { background: #1e3b5f; color: #fff; }
.btech-glass .glass-field-help { font-size: 11px; color: var(--glass-muted); line-height: 1.8; margin-top: -8px; }
.btech-glass .glass-forgot { justify-self: end; display: inline-flex; align-items: center; min-height: 44px; color: #b9d8ff; font-size: 12px; margin: -13px 0 -12px; }
.btech-glass .glass-consent { align-items: flex-start; gap: 10px; color: var(--glass-muted); font-size: 11px; line-height: 1.9; }
.btech-glass .glass-consent input { flex-shrink: 0; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #1268f3; }
.btech-glass .glass-consent a { text-decoration: underline; text-underline-offset: 3px; color: #bfd9ff; }
.btech-glass .glass-submit {
  width: 100%; min-height: 54px; padding: 14px 16px;
  background: linear-gradient(115deg, #146df8, #2163da);
  border: 1px solid #8bb8ff40; color: #fff;
  box-shadow: inset 0 1px 0 #ffffff35, 0 8px 25px #1268f333;
  gap: 15px; border-radius: 10px; font-size: 14px;
}
.btech-glass .glass-submit:hover { background: linear-gradient(115deg, #287dfa, #236dde); box-shadow: inset 0 1px 0 #ffffff45, 0 9px 28px #1268f347; transform: translateY(-2px); }
.btech-glass .glass-submit .ui-icon { color: #ffd0b5; width: 18px; height: 18px; }
.btech-glass .glass-account-link { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; font-size: 11px; color: var(--glass-muted); text-align: center; }
.btech-glass .glass-account-link a { display: inline-flex; align-items: center; gap: 6px; color: #c0dbff; min-height: 44px; }
.btech-glass .glass-account-link .ui-icon { width: 13px; height: 13px; }
.btech-glass .glass-account-link a:hover, .btech-glass .glass-forgot:hover { color: #fff; }
.btech-glass .glass-form-note { display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 17px; border-top: 1px solid #b3c8e41c; font-size: 10px; color: #acbfd7; text-align: center; line-height: 1.8; }
.btech-glass .glass-form-note .ui-icon { width: 13px; height: 13px; flex-shrink: 0; color: #ffa16b; }
.btech-glass .glass-footer {
  isolation: isolate;
  overflow: hidden;
  background: #081529;
  border-top: 1px solid var(--glass-line);
  box-shadow: inset 0 1px 0 #ffffff08;
}
.btech-glass .glass-footer-energy { position: absolute; inset: 0; z-index: -2; opacity: .65; background: url('../images/glass-energy.svg') 50% 48% / cover no-repeat; pointer-events: none; }
.btech-glass .glass-footer::before { inset: 0; width: auto; height: auto; background: linear-gradient(90deg, #061224f0, #07172ae6 55%, #07172ac9); z-index: -1; }
.btech-glass .glass-footer::after { background: radial-gradient(500px circle at var(--glass-x, 80%) var(--glass-y, 20%), #478ad514, transparent 70%); z-index: -1; }
.btech-glass .glass-footer .footer-top { border-bottom-color: #afc8f127; }
.btech-glass .glass-footer .footer-top > a { color: #edf5ff; }
.btech-glass .glass-footer .footer-top > a .ui-icon { color: #ffa16b; }
.btech-glass .glass-footer .footer-grid > div > a:not(.brand) { color: #bfd0e7; min-height: 36px; transition: color 180ms, transform 180ms; }
.btech-glass .glass-footer .footer-grid > div > a:hover { color: #fff; transform: translateX(3px); }
.btech-glass .glass-footer p { color: #b6c8e0; }
.btech-glass .glass-footer .footer-bottom { border-top-color: #afc8f127; }
.btech-glass.auth-page .glass-footer { margin-top: 0; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .btech-glass .glass-nav { background: rgba(9, 24, 44, .68); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); }
  .btech-glass .site-header.scrolled .glass-nav { background: rgba(9, 24, 44, .83); }
  .btech-glass .mega-panel, .btech-glass .company-menu { background: rgba(10, 28, 51, .93); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
  .btech-glass .glass-auth-form { background: var(--glass-panel); backdrop-filter: blur(24px) saturate(120%); -webkit-backdrop-filter: blur(24px) saturate(120%); }
  .btech-glass .glass-footer { background: rgba(8, 21, 41, .9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
}
@keyframes glass-energy-drift { from { transform: translate3d(-7px, -5px, 0); } to { transform: translate3d(9px, 9px, 0); } }
html[data-glass-motion=paused] .glass-energy { animation-play-state: paused; }
html[data-glass-motion=paused] .glass-auth-form { transform: none; }
@media (max-width: 1080px) {
  .btech-glass .glass-auth { width: calc(100% - 64px); gap: 42px; padding-block: 65px; }
  .btech-glass .glass-auth-intro h1 { font-size: 52px; }
  .btech-glass .main-nav.open { background: #0a1a31f5; border-color: #accbff29; }
  .btech-glass .main-nav.open .mega-panel, .btech-glass .main-nav.open .company-menu { background: #102742; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (max-width: 800px) {
  .btech-glass .glass-auth { grid-template-columns: minmax(0, 1fr); gap: 24px; min-height: 0; padding-block: 45px 65px; }
  .btech-glass .glass-auth-intro { padding: 0; text-align: center; }
  .btech-glass .glass-auth-intro h1, .btech-glass .glass-auth-intro p, .btech-glass .glass-capabilities, .btech-glass .glass-auth-intro > .text-link { display: none; }
  .btech-glass .glass-auth-intro .eyebrow { font-size: 10px; margin: 0; }
  .btech-glass .glass-auth-stage { justify-self: center; max-width: 480px; padding-block: 12px; }
  .btech-glass .glass-energy { inset: 0 -32px; background-position: 55% 30%; }
  .btech-glass .glass-auth-form { padding: 32px; }
  .btech-glass .glass-corner-top { top: -4px; left: -13px; }
  .btech-glass .glass-corner-bottom { bottom: -4px; right: -13px; }
}
@media (max-width: 480px) {
  .btech-glass .glass-auth { width: calc(100% - 40px); padding-block: 32px 45px; gap: 24px; }
  .btech-glass .glass-auth-intro .eyebrow { font-size: 8px; letter-spacing: .12em; }
  .btech-glass .glass-auth-form { padding: 25px 23px; gap: 17px; border-radius: 18px; }
  .btech-glass .glass-auth-form h2 { font-size: 32px; }
  .btech-glass .glass-form-brand { font-size: 9px; letter-spacing: .08em; margin-bottom: 21px; }
  .btech-glass .glass-form-heading p { font-size: 11px; }
  .btech-glass .glass-form-note { font-size: 9px; }
  .btech-glass .glass-corner { width: 38px; height: 38px; }
  .btech-glass .glass-footer .footer-grid > div > a:not(.brand) { min-height: 44px; }
  .btech-glass .glass-footer .footer-top > a { font-size: 26px; }
}
@media (max-width: 360px) {
  .btech-glass .glass-auth { width: calc(100% - 32px); }
  .btech-glass .glass-auth-form { padding-inline: 19px; }
  .btech-glass .glass-auth-form h2 { font-size: 28px; }
  .btech-glass .glass-form-brand { font-size: 8px; letter-spacing: .06em; }
}
@media (prefers-reduced-motion: reduce) {
  .btech-glass .glass-energy { animation: none; }
  .btech-glass .glass-auth-form, .btech-glass .glass-submit, .btech-glass .glass-footer a { transform: none !important; transition: none; }
  .btech-glass .glass-nav, .btech-glass .glass-field input, .btech-glass .glass-field select { transition: none; }
}
@media print {
  .btech-glass .glass-energy, .btech-glass .glass-corner { display: none; }
}

/* Optional AI disclosure is a labelled control, never an automatic opt-in. */
.btech-glass .chat-ai-consent { display:flex; align-items:flex-start; gap:10px; padding:12px 18px; margin:0; font-size:12px; line-height:1.55; color:#dce9ff; border-top:1px solid #b4c9ee26; }
.btech-glass .chat-ai-consent input { appearance:auto; width:20px; height:20px; min-height:20px; flex:0 0 20px; margin:1px 0 0; accent-color:#5287f3; }
.btech-glass .chat-ai-consent span { flex:1; min-width:0; }
.btech-glass .chat-note { display:block; line-height:1.55; padding:10px 18px 14px; color:#bed0ea; }

.btech-glass .error-page { background:radial-gradient(ellipse at 50% 0,#4269b522,transparent 65%); color:#e3edff; }
.btech-glass .error-page h1 { color:#c1d7ff; }
.btech-glass .error-page p { color:#bacce6; }
.btech-glass .error-page .error-code { color:#9daeff; }