.joins-login{color:#102550;background:radial-gradient(at 48% 41%,#fff 0%,#f7fbff 53%,#edf6fc 100%);justify-content:center;align-items:center;min-height:100svh;padding:28px 20px 24px;font-family:Aptos,Leelawadee UI,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.joins-login__backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.joins-login__wave{pointer-events:none;display:block;position:absolute}.joins-login__wave--left{width:100%;height:min(62vh,620px);bottom:0;left:0}.joins-login__wave--right{width:min(46vw,720px);height:min(43vh,430px);top:0;right:0}.joins-login__dots{opacity:.67;background-image:radial-gradient(circle,#c3d8ee 2.4px,#0000 2.8px);background-size:24px 24px;width:168px;height:100px;position:absolute}.joins-login__dots--top{top:7.5%;left:4.5%}.joins-login__dots--bottom{bottom:10.5%;right:3.7%}.joins-login__motto{color:#7499c6;letter-spacing:.32em;text-transform:uppercase;font-size:15px;font-weight:650;line-height:1.9;position:absolute;top:7.4%;right:4.1%}.joins-login__motto span{background:#f3ac82;width:36px;height:3px;margin-top:10px;display:block}.joins-login__content{z-index:1;width:min(100%,560px);position:relative}.joins-login__card{background:#fffffff5;border:1px solid #dde7f1a6;border-radius:15px;padding:30px 34px 25px;box-shadow:0 21px 56px #183c661f,0 3px 12px #183c660b}.joins-login__intro{text-align:center}.joins-login__logo{width:225px;height:auto;margin:0 auto;display:block}.joins-login__descriptor{color:#29446d;margin-top:2px;font-size:15px;line-height:1.4}.joins-login__brand-rule{background:linear-gradient(90deg,#c9eeea,#00798b);border-radius:999px;width:72px;height:3px;margin:17px auto 20px;display:block}.joins-login__intro h1{color:#102550;letter-spacing:-.025em;margin:0;font-size:clamp(21px,2.2vw,24px);font-weight:730;line-height:1.22}.joins-login__subtitle{color:#6880a1;margin-top:4px;font-size:15px;line-height:1.4}.joins-login__form{gap:16px;margin-top:26px;display:grid}.joins-login__field>label{color:#1b3159;margin-bottom:7px;font-size:14px;font-weight:550;line-height:1.25;display:block}.joins-login__control{position:relative}.joins-login__control-icon{z-index:1;color:#4d668c;pointer-events:none;background:#f8fbffc7;border-right:1px solid #dfe9f5;border-radius:9px 0 0 9px;justify-content:center;align-items:center;width:49px;display:flex;position:absolute;top:1px;bottom:1px;left:1px}.joins-login__control [data-slot=select-trigger],.joins-login__control [data-slot=input]{color:#152e5a;background:linear-gradient(100deg,#f8fbff,#eaf3ff);border:1px solid #dce8f6;border-radius:9px;width:100%;height:48px;padding-left:64px;font-size:14px;box-shadow:inset 0 1px 2px #284c7709}.joins-login__control [data-slot=select-trigger]:hover,.joins-login__control [data-slot=input]:hover{border-color:#bed5ed}.joins-login__control [data-slot=select-trigger]:focus-visible,.joins-login__control [data-slot=input]:focus-visible{outline-offset:1px;box-shadow:none;border-color:#377da5;outline:2px solid #167ca061}.joins-login__control [data-slot=input]::placeholder{color:#7185a2}.joins-login__control .joins-login__input--password{padding-right:53px}.joins-login__password-toggle{color:#506c91;border-radius:0 9px 9px 0;justify-content:center;align-items:center;width:48px;height:48px;transition:color .16s,background-color .16s;display:flex;position:absolute;top:0;right:0}.joins-login__password-toggle:hover{color:#102f62;background:#dbebfba6}.joins-login__password-toggle:focus-visible,.joins-login__forgot:focus-visible{outline-offset:2px;outline:2px solid #167ca0}.joins-login__error{color:#a52532;background:#fff2f2;border:1px solid #fecaca;border-radius:9px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:13px;line-height:1.4;display:flex}.joins-login__error svg{flex:none;margin-top:1px}.joins-login__form .joins-login__submit{color:#fff;background:linear-gradient(105deg,#25968e,#076881 53%,#143984);border-radius:9px;min-height:52px;margin-top:2px;font-size:16px;font-weight:650;transition:filter .16s,box-shadow .16s;box-shadow:0 8px 18px #0d507526}.joins-login__form .joins-login__submit:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 20px #0d507536}.joins-login__form .joins-login__submit:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid #0a718d}.joins-login__form .joins-login__submit:disabled{opacity:.56;box-shadow:none}.joins-login__button-label{align-items:center;gap:11px;display:inline-flex}.joins-login__spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite joins-login-spin}.joins-login__forgot{color:#1460d2;border-radius:6px;justify-self:center;min-height:44px;margin-top:-4px;padding:5px 10px;font-size:14px;font-weight:550}.joins-login__forgot:hover{color:#0f449c;text-decoration:underline}.joins-login__forgot:disabled,.joins-login__password-toggle:disabled{cursor:not-allowed;opacity:.5}.joins-login__privacy-note{color:#7387a5;text-align:center;border-top:1px solid #e3eaf3;justify-content:center;align-items:center;gap:9px;margin-top:13px;padding-top:17px;font-size:13px;line-height:1.4;display:flex}.joins-login__privacy-note svg{color:#58759b;flex:none}.joins-login__footer{color:#7890b1;text-align:center;margin-top:22px;font-size:12px;line-height:1.4}@keyframes joins-login-spin{to{transform:rotate(360deg)}}@media (max-height:800px){.joins-login{padding-block:16px}.joins-login__card{padding-block:21px 18px}.joins-login__logo{width:195px}.joins-login__brand-rule{margin-block:12px 14px}.joins-login__form{gap:12px;margin-top:19px}.joins-login__privacy-note{margin-top:8px;padding-top:11px}.joins-login__footer{margin-top:13px}}@media (max-width:700px){.joins-login{padding-inline:16px}.joins-login__card{padding-inline:25px}.joins-login__motto,.joins-login__dots{display:none}.joins-login__wave--left{opacity:.55;width:100vw;height:42vh}.joins-login__wave--right{opacity:.62;width:76vw;height:30vh}}@media (max-width:420px){.joins-login__card{padding-inline:20px}.joins-login__logo{width:min(205px,72%)}.joins-login__intro h1{font-size:21px}.joins-login__subtitle{font-size:14px}.joins-login__privacy-note{font-size:12px}}@media (prefers-reduced-motion:reduce){.joins-login__spinner{animation:none}.joins-login__submit,.joins-login__password-toggle{transition:none}}