body{background:#f8f8f9;min-height:100vh}.authentication{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0}@media (max-width: 768px){.authentication{flex-direction:column;padding:0}}.login-shell{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(480px,1.08fr);width:100%;min-height:100vh;background:#fff}.login-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(32px,5vw,64px);overflow:hidden;background:linear-gradient(145deg,#3d74ec,#1349c0);color:#fff}.login-showcase__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 92%)}.login-showcase__brand{display:flex;align-items:center;gap:14px}.login-showcase__logo-wrap{display:flex;align-items:center;width:172px;min-height:50px;padding:8px 12px;border-radius:8px;background:#fff;box-shadow:0 1px 2px #0f172a1f}.login-showcase__logo{width:100%;height:auto}.login-showcase__product{max-width:90px;font-size:.68rem;font-weight:600;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa3}.login-showcase__content{width:min(100%,560px);margin:clamp(56px,9vh,96px) 0}.login-showcase__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f9cd46}.login-showcase__eyebrow:before{content:"";width:24px;height:2px;background:#eab308}.login-showcase__content h1{margin:0;font-size:clamp(2rem,3.5vw,3.25rem);font-weight:600;line-height:1.14;letter-spacing:-.045em;color:#fff}.login-showcase__content>p{max-width:470px;margin:20px 0 0;font-size:.95rem;line-height:1.75;color:#ffffffb3}.login-showcase__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(36px,6vh,56px);padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}.login-showcase__feature{display:flex;align-items:flex-start;gap:11px}.login-showcase__feature>span:last-child{display:flex;flex-direction:column;gap:3px}.login-showcase__feature strong{font-size:.78rem;font-weight:600;color:#ffffffeb}.login-showcase__feature small{font-size:.7rem;line-height:1.5;color:#ffffff8f}.login-showcase__feature-icon{display:grid;flex:0 0 32px;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff12}.login-showcase__feature-icon svg{width:16px;fill:none;stroke:#f8ca3c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-showcase__footer{margin:0;font-size:.72rem;color:#ffffff7a}.login-panel{display:flex;justify-content:center;align-items:center;min-width:0;min-height:100vh;padding:clamp(32px,6vw,80px);background:#fafafb}.login-panel__inner{width:min(100%,430px)}.login-panel__mobile-brand{display:none}.login-card{width:100%;padding:clamp(28px,4vw,40px);border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;box-shadow:0 4px 16px #0f172a0b}.login-card__header{margin-bottom:28px;text-align:left}.login-card__eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:.67rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#2a67ea}.login-card__eyebrow:before{content:"";width:7px;height:7px;border-radius:2px;background:#eab308}.login-card__header h2,.login-card__header h3{margin:0;font-size:1.65rem;font-weight:600;letter-spacing:-.035em;line-height:1.2;color:#0f172a}.login-card__header p{margin:8px 0 0;font-size:.82rem;line-height:1.6;color:#0f172a94}.login-card__form{display:flex;flex-direction:column;gap:17px;width:100%;padding:0}.login-card__form .login-btn{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;margin-top:3px;border:1px solid #2f6aeb;border-radius:8px;box-shadow:0 1px 2px #0f172a1f;font-size:.84rem;font-weight:600;letter-spacing:.01em;color:#fff;transition:background-color .15s ease,border-color .15s ease}.login-card__form .login-btn:hover,.login-card__form .login-btn:focus{background-color:#2160e9;border-color:#1859e8}.login-card__form .login-btn svg{width:16px;fill:none;stroke:#f9d155;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-card__support{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(15,23,42,.08);font-size:.68rem;color:#0f172a7a}.login-card__support svg{width:13px;fill:none;stroke:#c79907;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.myForm{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:420px;width:100%;background-color:#fff;padding-top:48px;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.2))}@media (max-width: 768px){.myForm{width:100%}}.authentication form{display:flex;flex-direction:column;gap:32px;width:100%;padding:32px 48px 48px}.authentication form .login-btn{height:60px}.authentication form .account{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.authentication .remember{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.84rem}.authentication .remember .form-check{display:flex;align-items:center;gap:8px;width:100%;padding:0}.authentication .remember .form-check .form-check-input{margin:0;padding:0;border-color:#0f172a66;box-shadow:none}.authentication .remember .form-check .form-check-input:checked{border-color:#3d74ec;background-color:#3d74ec}.authentication .remember .form-check .form-check-input:focus-visible{border-color:#3d74ec;box-shadow:0 0 0 3px #eab3082e}.remember--inline{margin-top:0}.authentication .form-group{position:relative;width:100%}.authentication .form-group .form-label{display:inline-block;margin-bottom:5px;font-size:.8rem;font-weight:600;color:#0f172ad9}.authentication .form-group .form-control{border:1px solid rgba(15,23,42,.12);background-color:#fff;border-radius:8px;min-height:40px;padding:9px 12px;font-size:.9rem;color:#000;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.authentication .form-group .form-control:focus{outline:none;border-color:#3d74ec94;background-color:#fff;box-shadow:0 0 0 3px #3d74ec1a}.authentication .form-group .form-control:hover{border-color:#0f172a3d}.authentication .form-group .form-control::placeholder{color:#0f172a6b;opacity:1}.authentication .form-group .invalid-feedback{display:block;margin-top:6px;font-size:.8rem}.auth-title{position:relative;width:100%;padding-left:48px}.auth-title h4{margin:0}.auth-title h4:before{content:" ";position:absolute;background-color:#3d74ec;height:42px;width:6px;left:0}.auth-title .icon{height:90px;width:90px;background-color:#3d74ec;font-size:32px;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:100!important;position:absolute;right:-32px;top:-24px}@media (max-width: 578px){.auth-title .icon{display:none}}.get-started{display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;height:100vh;position:relative}.get-started:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d}.get-started-card{color:#0f172a;min-height:300px;max-width:600px;width:100%}@media (max-width: 991px){.login-shell{display:block;background:#fafafb}.login-showcase{display:none}.login-panel{min-height:100vh;padding:32px 24px}.login-panel__mobile-brand{display:flex;justify-content:center;margin-bottom:24px}.login-panel__mobile-brand img{width:172px;height:auto}.login-card{width:100%}}@media (max-width: 576px){.login-panel{align-items:flex-start;padding:28px 16px}.login-card{padding:26px 20px}.login-card__eyebrow{font-size:.62rem}.login-card__header h2,.login-card__header h3{font-size:1.45rem}.login-card__header p{font-size:.8rem}.login-card__support{align-items:flex-start;line-height:1.45}}.login-card .login-card__form{gap:17px;padding:0}.login-card .remember{margin:0}.login-card .login-btn{width:100%;height:44px;margin-top:2px}