:root{--register-blue:#008AFE;--register-blue-dark:#006bc5;--register-ink:#0f1720;--register-muted:#687584;--register-border:#dce5ed;--register-font:'Manrope',sans-serif}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-width:0;font-family:var(--register-font);color:var(--register-ink)}
.register-page{display:grid;min-height:100svh;place-items:center;padding:24px;background:#edf3f8}
.register-shell{display:grid;width:min(1060px,100%);min-height:680px;overflow:hidden;border:1px solid #d9e3eb;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.16);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
.register-visual{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px;background:linear-gradient(145deg,#071827 0%,#0a253c 50%,#06101b 100%);color:#fff;isolation:isolate}
.visual-grid{position:absolute;z-index:-1;inset:0;opacity:.35;background-image:linear-gradient(rgba(139,211,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,211,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(145deg,#000,transparent 82%)}
.visual-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.visual-orb-one{top:-100px;right:-100px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,139,254,.34),transparent 68%)}.visual-orb-two{bottom:40px;left:-170px;width:430px;height:430px;background:radial-gradient(circle,rgba(0,139,254,.2),transparent 68%)}
.register-logo{display:inline-flex;width:max-content;max-width:100%;align-items:center}.register-logo img{display:block;width:min(205px,100%);height:auto;max-height:47px;object-fit:contain}
.visual-copy{max-width:410px;margin:54px 0 38px}.register-kicker,.form-kicker{font-size:10px;font-weight:700;letter-spacing:.16em}.register-kicker{color:#8bd3ff}.visual-copy h1{margin:17px 0 16px;font-size:clamp(38px,4.5vw,60px);line-height:1.02;letter-spacing:-.07em}.visual-copy h1 span{color:#8bd3ff}.visual-copy p{max-width:370px;margin:0;color:#b8c9d8;font-size:15px;line-height:1.7}
.visual-points{display:grid;gap:17px;max-width:410px}.visual-point{display:flex;align-items:center;gap:13px}.point-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid rgba(139,211,255,.34);border-radius:9px;background:rgba(0,139,254,.14);color:#8bd3ff;font-size:15px;font-weight:700}.visual-point strong,.visual-point small{display:block}.visual-point strong{font-size:12px}.visual-point small{margin-top:3px;color:#8096a9;font-size:10px;line-height:1.4}.visual-disclaimer{margin:28px 0 0;color:#6f8799;font-size:9px;line-height:1.5;letter-spacing:.02em}
.register-form-panel{display:flex;min-width:0;align-items:center;padding:56px 64px;background:#fff}.register-form-wrap{width:min(100%,390px);margin:auto}.mobile-home-link{display:none;color:#526474;font-size:11px;font-weight:700;text-decoration:none}.register-mobile-logo{display:none;color:#101923;text-decoration:none}.register-mobile-logo img{display:block;width:150px;height:auto}.form-heading{margin-bottom:27px}.form-kicker{color:#008AFE}.form-heading h2{margin:13px 0 8px;color:#101923;font-size:30px;line-height:1.1;letter-spacing:-.06em}.form-heading p{margin:0;color:#74818d;font-size:13px;line-height:1.6}
#signup-form{display:grid;gap:10px}.field-group{min-width:0}.field-group label{display:block;margin-bottom:4px;color:#354252;font-size:11px;font-weight:800}.field-group label span{color:#9aa6b1;font-weight:500}.field-group input{display:block;width:100%;height:40px;padding:0 13px;border:1px solid var(--register-border);border-radius:8px;outline:0;background:#fff;color:#152131;font:500 12px var(--register-font);transition:border-color .2s,box-shadow .2s}.field-group input::placeholder{color:#a2adb7}.field-group input:focus{border-color:var(--register-blue);box-shadow:0 0 0 3px rgba(0,139,254,.12)}.field-group.invalid input{border-color:#e05a67}.password-field{position:relative}.password-field input{padding-right:60px}.password-toggle{position:absolute;top:50%;right:10px;padding:4px;border:0;background:none;color:#687889;font:700 10px var(--register-font);transform:translateY(-50%)}.password-toggle:hover{color:var(--register-blue)}.strength-row{display:none;justify-content:space-between;gap:10px;margin-top:5px;color:#8b98a4;font-size:9px}.strength-row.is-visible{display:flex}.strength-row strong{color:#008AFE;font-size:9px}.strength-bar{display:none;height:3px;margin-top:4px;overflow:hidden;border-radius:99px;background:#e7edf2}.strength-row.is-visible + .strength-bar{display:block}.strength-bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--register-blue);transition:width .25s,background .25s}.field-error{display:block;min-height:0;margin-top:3px;color:#cf4655;font-size:9px}.terms-error{margin-top:-6px}.terms-check{display:flex;align-items:flex-start;gap:9px;color:#6b7784;font-size:10px;line-height:1.5}.terms-check input{width:15px;height:15px;flex:0 0 15px;margin:1px 0 0;accent-color:var(--register-blue)}.terms-check a,.signin-note a{color:var(--register-blue);font-weight:800;text-decoration:none}.terms-check a:hover,.signin-note a:hover{text-decoration:underline}
.register-submit{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;margin-top:2px;padding:0 16px 0 18px;border:0;border-radius:9px;background:var(--register-blue);color:#fff;font:800 12px var(--register-font);text-decoration:none;box-shadow:0 9px 20px rgba(0,139,254,.2);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.register-submit:hover{background:var(--register-blue-dark);box-shadow:0 11px 24px rgba(0,139,254,.28);transform:translateY(-1px)}.register-submit:disabled{cursor:wait;opacity:.7;transform:none}.form-note{min-height:17px;margin:0;color:#008AFE;font-size:10px;line-height:1.5}.signin-note{margin:22px 0 0;color:#788592;text-align:center;font-size:11px}.form-legal{margin:24px 0 0;color:#a1acb5;text-align:center;font-size:9px;line-height:1.6}
.terms-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,12,20,.68);backdrop-filter:blur(8px)}.terms-modal[hidden]{display:none}.terms-dialog{position:relative;width:min(430px,100%);padding:34px;border:1px solid #dbe6ef;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.terms-close{position:absolute;top:10px;right:14px;width:30px;height:30px;border:0;background:none;color:#87939e;font-size:25px;line-height:1;cursor:pointer}.terms-dialog h2{margin:14px 0 12px;color:#101923;font-size:25px;letter-spacing:-.05em}.terms-copy{color:#687684;font-size:11px;line-height:1.7}.terms-copy p{margin:0 0 10px}.terms-accept{width:100%;min-height:43px;margin-top:13px;border:0;border-radius:8px;background:var(--register-blue);color:#fff;font:800 11px var(--register-font);cursor:pointer}.register-toast{position:fixed;z-index:60;right:22px;top:22px;bottom:auto;max-width:min(360px,calc(100% - 44px));padding:13px 16px;border:1px solid #b9ddf7;border-radius:9px;background:#f4faff;color:#07558d;font-size:11px;box-shadow:0 12px 30px rgba(15,23,42,.15);opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .25s,transform .25s}.register-toast.is-visible{opacity:1;transform:none}.register-toast.is-error{border-color:#fecaca;background:#fff1f2;color:#b42318}
@media(max-width:820px){.register-page{padding:16px}.register-shell{grid-template-columns:1fr;min-height:0}.register-visual{min-height:355px;padding:28px}.visual-copy{margin:40px 0 28px}.visual-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visual-point{align-items:flex-start;flex-direction:column;gap:8px}.visual-point small{max-width:130px}.register-form-panel{padding:42px 34px}.register-form-wrap{width:min(100%,430px)}}
@media(max-width:520px){.register-page{display:block;padding:0;background:#fff}.register-shell{width:100%;border:0;border-radius:0;box-shadow:none}.register-visual{min-height:340px;padding:24px 22px 25px}.register-logo img{width:170px}.visual-copy{margin:36px 0 26px}.visual-copy h1{font-size:42px}.visual-copy p{font-size:13px}.visual-points{display:none}.visual-disclaimer{margin-top:auto}.register-form-panel{padding:34px 22px 42px}.register-visual{display:none}.register-mobile-logo{display:block;width:max-content;margin:0 auto 22px}.register-mobile-logo img{width:160px}.form-heading h2{font-size:28px}.form-heading{margin-bottom:24px}.terms-dialog{padding:28px 23px}.register-toast{right:14px;top:14px;bottom:auto;max-width:calc(100% - 28px)}}

/* Full-height registration layout. */
.register-page{min-height:100svh;padding:0}
.register-shell{width:100%;min-height:100svh;border:0;border-radius:0}

@font-face{font-family:'Manrope';src:url('../fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}

/* Language selector shared by every localized registration URL. */
.register-account-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.register-account-row .signin-note{min-width:0;flex:1;margin:0;text-align:left}
.register-language-switcher{position:relative;z-index:4;display:flex;flex:0 0 auto;justify-content:flex-end;margin:0;color:#526474;font-size:11px}
.register-language-switcher summary{display:flex;min-height:32px;align-items:center;gap:6px;padding:0;cursor:pointer;list-style:none;user-select:none}
.register-language-switcher summary::-webkit-details-marker{display:none}
.register-language-switcher summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.register-language-switcher summary:after{content:"";width:5px;height:5px;margin:-3px 0 0 2px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.register-language-switcher[open] summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.register-language-switcher summary:hover{color:#008AFE}
.register-language-menu{position:absolute;right:0;bottom:calc(100% + 7px);display:grid;width:min(185px,calc(100vw - 44px));min-width:0;padding:6px;border:1px solid #dce5ed;border-radius:10px;background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.16)}
.register-language-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 10px;border-radius:6px;color:#526474;font-size:11px;line-height:1.2}
.register-language-menu a:hover{background:#eef7ff;color:#006bc5}
.register-language-menu a[aria-current="page"]{background:#e8f5ff;color:#006bc5;font-weight:800}
.register-language-menu small{color:#8b98a4;font-size:9px;letter-spacing:.08em}
.register-language-menu a[aria-current="page"] small{color:#008AFE}
@media(max-width:520px){
  .register-account-row{align-items:center;gap:10px}
  .register-account-row .signin-note{font-size:10px}
  .register-language-switcher{justify-content:flex-end}
  .register-language-menu{right:0;left:auto}
}

/* ==========================================================================
   Access pages visual panel: aligned with the index.php design language —
   charcoal-navy base, blue ambient glows, radial-masked grid, star field and
   a blue equity-curve motif (HighAlphaTrading's visual identity is celeste/blue).
   ========================================================================== */
.register-visual{background:linear-gradient(165deg,#0b1420 0%,#070d14 46%,#050a12 100%)}
.register-visual::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% -12%,rgba(0,139,254,.22),transparent 52%),radial-gradient(ellipse at 8% 108%,rgba(0,139,254,.16),transparent 55%)}
.register-visual::after{content:"";position:absolute;z-index:-1;top:0;left:0;width:2px;height:2px;border-radius:50%;background:transparent;opacity:.6;pointer-events:none;box-shadow:38px 64px #fff,120px 140px rgba(255,255,255,.9),210px 90px rgba(255,255,255,.7),320px 210px #fff,420px 60px rgba(255,255,255,.6),520px 160px rgba(255,255,255,.9),610px 250px rgba(255,255,255,.75),80px 320px rgba(255,255,255,.6),260px 380px #fff,390px 330px rgba(255,255,255,.65),500px 420px rgba(255,255,255,.9),150px 460px rgba(255,255,255,.55),580px 60px rgba(255,255,255,.7),660px 350px rgba(255,255,255,.85),30px 220px rgba(255,255,255,.6),340px 120px rgba(255,255,255,.8),600px 300px rgba(255,255,255,.5),200px 260px rgba(255,255,255,.65),450px 250px rgba(255,255,255,.7),700px 180px rgba(255,255,255,.6),640px 430px rgba(255,255,255,.55),90px 520px rgba(255,255,255,.5),300px 500px rgba(255,255,255,.6),540px 520px rgba(255,255,255,.75)}
.visual-grid{opacity:.5;background-image:linear-gradient(rgba(139,211,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,211,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 26% 16%,#000 0%,transparent 74%)}
.visual-orb{filter:blur(58px)}
.visual-orb-one{top:-120px;right:-110px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,139,254,.34),transparent 66%)}
.visual-orb-two{bottom:-70px;left:-150px;width:470px;height:470px;background:radial-gradient(circle,rgba(0,139,254,.24),transparent 66%)}
.visual-chart{position:absolute;z-index:-1;left:0;right:0;bottom:0;width:100%;height:150px;opacity:.55;pointer-events:none}
.visual-chart .visual-chart-grid{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1;stroke-dasharray:3 9}
.visual-chart .visual-chart-area{fill:url(#visual-chart-fill);stroke:none}
.visual-chart .visual-chart-line{fill:none;stroke:#008AFE;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,139,254,.6))}
.register-kicker{color:#8bd3ff}
.visual-copy h1 span{color:#8bd3ff;text-shadow:0 0 30px rgba(0,139,254,.4)}
.visual-copy p{color:#a9bac9}
.point-icon{border-color:rgba(139,211,255,.3);background:linear-gradient(150deg,rgba(0,139,254,.18),rgba(0,139,254,.05));box-shadow:0 4px 14px rgba(0,139,254,.16)}

/* ==========================================================================
   Desktop & Large Screen Scaling (1024px, 1400px, 1920x1080+)
   Ensures auth forms and visual branding look balanced, comfortable and legible
   on high-resolution desktop screens while preserving mobile responsiveness.
   ========================================================================== */
@media (min-width: 1024px) {
  .register-shell {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  }
  .register-visual {
    padding: clamp(32px, 4vh, 44px) clamp(36px, 4vw, 52px);
    overflow: hidden !important;
    max-height: 100svh;
  }
  .visual-copy {
    max-width: 440px;
    margin: clamp(20px, 3vh, 36px) 0 clamp(16px, 2.5vh, 28px);
  }
  .visual-copy p {
    font-size: 15.5px;
  }
  .visual-points {
    max-width: 440px;
    gap: clamp(12px, 1.8vh, 18px);
  }
  .point-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    font-size: 16px;
    border-radius: 10px;
  }
  .visual-point strong {
    font-size: 13.5px;
  }
  .visual-point small {
    font-size: 11.5px;
  }
  .visual-disclaimer {
    font-size: 10.5px;
    margin-top: clamp(16px, 2.2vh, 24px);
  }
  .register-form-panel {
    padding: 48px 56px;
    overflow-y: auto;
    max-height: 100svh;
  }
  .register-form-wrap {
    width: min(100%, 450px);
  }
  .form-heading {
    margin-bottom: 28px;
  }
  .form-heading h2 {
    font-size: 32px;
  }
  .form-heading p {
    font-size: 14px;
  }
  .field-group label {
    font-size: 12.5px;
    margin-bottom: 5px;
  }
  .field-group input {
    height: 46px;
    font-size: 13.5px;
    padding: 0 15px;
    border-radius: 9px;
  }
  .password-field input {
    padding-right: 66px;
  }
  .password-toggle {
    font-size: 11.5px;
    right: 12px;
  }
  .strength-row {
    font-size: 10.5px;
    margin-top: 6px;
  }
  .strength-row strong {
    font-size: 10.5px;
  }
  .strength-bar {
    height: 4px;
    margin-top: 5px;
  }
  .terms-check {
    font-size: 11.5px;
    gap: 10px;
  }
  .terms-check input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
  }
  .register-submit {
    min-height: 50px;
    font-size: 13.5px;
    border-radius: 10px;
    padding: 0 20px;
  }
  .field-error {
    font-size: 10.5px;
  }
  .signin-note {
    font-size: 12.5px;
    margin-top: 24px;
  }
  .form-legal {
    font-size: 10.5px;
    margin-top: 24px;
  }
  .register-language-switcher {
    font-size: 12px;
  }
  .register-language-menu a {
    font-size: 12px;
  }
}

@media (min-width: 1400px) {
  .register-shell {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
  }
  .register-visual {
    padding: clamp(36px, 4.5vh, 52px) clamp(44px, 4.5vw, 68px);
    overflow: hidden !important;
    max-height: 100svh;
  }
  .register-logo img {
    width: min(230px, 100%);
    max-height: 50px;
  }
  .visual-copy {
    max-width: 500px;
    margin: clamp(24px, 3.5vh, 44px) 0 clamp(20px, 3vh, 34px);
  }
  .register-kicker {
    font-size: 11.5px;
    letter-spacing: .18em;
  }
  .visual-copy h1 {
    font-size: clamp(38px, 3.2vw, 56px);
    margin: 14px 0 14px;
  }
  .visual-copy p {
    max-width: 450px;
    font-size: 15.5px;
    line-height: 1.65;
  }
  .visual-points {
    max-width: 500px;
    gap: clamp(14px, 2vh, 20px);
  }
  .point-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    font-size: 16px;
    border-radius: 11px;
  }
  .visual-point strong {
    font-size: 13.5px;
  }
  .visual-point small {
    font-size: 11.5px;
    line-height: 1.4;
  }
  .visual-disclaimer {
    font-size: 11px;
    margin-top: clamp(16px, 2.5vh, 28px);
    line-height: 1.5;
  }
  .register-form-panel {
    padding: 60px 72px;
    overflow-y: auto;
    max-height: 100svh;
  }
  .register-form-wrap {
    width: min(100%, 500px);
  }
  .form-heading {
    margin-bottom: 32px;
  }
  .form-kicker {
    font-size: 12px;
    letter-spacing: .18em;
  }
  .form-heading h2 {
    font-size: 36px;
    margin: 14px 0 10px;
  }
  .form-heading p {
    font-size: 15px;
    line-height: 1.65;
  }
  #signup-form {
    gap: 14px;
  }
  .field-group label {
    font-size: 13.5px;
    margin-bottom: 7px;
  }
  .field-group label span {
    font-size: 12px;
  }
  .field-group input {
    height: 50px;
    padding: 0 16px;
    font-size: 14.5px;
    border-radius: 10px;
  }
  .password-field input {
    padding-right: 70px;
  }
  .password-toggle {
    font-size: 12.5px;
    right: 14px;
    padding: 6px 10px;
  }
  .strength-row {
    font-size: 11.5px;
    margin-top: 7px;
  }
  .strength-row strong {
    font-size: 11.5px;
  }
  .strength-bar {
    height: 4px;
    margin-top: 6px;
  }
  .field-error {
    font-size: 11.5px;
    margin-top: 5px;
  }
  .terms-check {
    font-size: 12.5px;
    line-height: 1.55;
    gap: 11px;
    margin: 6px 0 2px;
  }
  .terms-check input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 2px;
  }
  .register-submit {
    min-height: 52px;
    font-size: 15px;
    border-radius: 10px;
    padding: 0 22px;
  }
  .register-submit i {
    font-size: 14px;
  }
  .form-note {
    font-size: 13px;
    min-height: 20px;
  }
  .signin-note {
    font-size: 14px;
    margin-top: 26px;
  }
  .form-legal {
    font-size: 11.5px;
    line-height: 1.6;
    margin-top: 26px;
  }
  .register-account-row {
    margin-top: 26px;
  }
  .register-language-switcher {
    font-size: 12.5px;
  }
  .register-language-switcher summary {
    min-height: 36px;
  }
  .register-language-switcher summary svg {
    width: 18px;
    height: 18px;
  }
  .register-language-menu {
    width: min(200px, calc(100vw - 44px));
    padding: 8px;
    border-radius: 12px;
  }
  .register-language-menu a {
    font-size: 12.5px;
    padding: 10px 12px;
  }
  .register-language-menu small {
    font-size: 10px;
  }
  .register-toast {
    font-size: 13px;
    padding: 15px 20px;
    border-radius: 10px;
  }
  .terms-dialog {
    width: min(540px, 100%);
    padding: 40px;
    border-radius: 18px;
  }
  .terms-dialog h2 {
    font-size: 28px;
  }
  .terms-copy {
    font-size: 13.5px;
    line-height: 1.7;
  }
  .terms-accept {
    min-height: 48px;
    font-size: 13.5px;
    border-radius: 10px;
  }
}

/* Full-screen Auth Preloader */
#auth-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background: #07121d;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease;
  pointer-events: auto;
}
#auth-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.auth-preloader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.auth-preloader-orbit {
  position: relative;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-preloader-spinner {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2.5px solid rgba(0, 138, 254, 0.16);
  border-top-color: #008AFE;
  animation: auth-spin 0.85s linear infinite;
}
.auth-preloader-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: auth-pulse 1.8s ease-in-out infinite;
}
.auth-preloader-bar {
  width: 100px;
  height: 3px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 99px;
  overflow: hidden;
  position: relative;
}
.auth-preloader-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40%;
  background: linear-gradient(90deg, #008AFE, #38bdf8);
  border-radius: 99px;
  animation: auth-bar-anim 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes auth-spin {
  to { transform: rotate(360deg); }
}
@keyframes auth-pulse {
  0%, 100% { transform: scale(1); opacity: 0.95; }
  50% { transform: scale(1.06); opacity: 1; }
}
@keyframes auth-bar-anim {
  0% { left: -40%; width: 40%; }
  50% { left: 30%; width: 55%; }
  100% { left: 100%; width: 40%; }
}