/* WPO: Auth critical CSS — above-the-fold styles for auth pages (login card,
   form, buttons, background). MUST remain render-blocking in the auth layout;
   bump ?v= in resources/views/layouts/auth.blade.php when editing this file. */
body{width:100vw;padding:0!important;margin:0;font-size:14px;font-family:Poppins,sans-serif;word-break:break-word;color:#262627;background:#fff}
.login-wrap{background-image:url("/assets/app/img/bg-app.webp");background-position:top right;background-repeat:no-repeat;overflow:auto;background-size:cover;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;max-height:100vh}
.card-login{width:100%;max-width:530px;margin:auto;border:none!important;padding:15px 30px}
.card-login .logo-img{width:310px;margin-bottom:30px}
.card-login h2{margin-top:0;margin-bottom:24px;font-weight:300;font-size:40px;line-height:100%;letter-spacing:0}
.text-black{color:#000!important}
.text-center{text-align:center}
.form-control{display:block;width:100%;padding:.375rem 0;font-size:16px;font-weight:400;line-height:1.5;color:#262627;border:none;border-bottom:.5px solid #5e5e5e;border-radius:0;background-color:transparent!important;outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-family:Poppins,sans-serif}
.form-control:focus{border-color:#5A5579}
.form-floating{position:relative}
.form-floating>.form-control{height:calc(3.5rem + 2px);padding:1rem .75rem}
.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}
label{font-weight:700;font-size:16px}
.separator{display:flex;align-items:center;text-align:center;font-size:16px;font-weight:400}
.separator:after,.separator:before{content:"";flex:1;border-bottom:1px solid #262627}
.separator:not(:empty):before{margin-right:8px}
.separator:not(:empty):after{margin-left:8px}
.btn{display:inline-block;font-weight:600;font-size:16px;line-height:1.5;color:#212529;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;cursor:pointer;user-select:none;white-space:nowrap;background-color:transparent;border:1px solid transparent;padding:11px;border-radius:100px}
.btn-link{color:#262627;text-decoration:none}
.proceed-btn,.microinput-action-proceed{position:relative;display:flex;justify-content:center;min-width:150px;background:#5A5579;border-radius:100px;color:#fff;overflow:hidden;font-weight:600;font-size:16px}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.w-100{width:100%!important}
.text-end{text-align:end!important}
.d-flex{display:flex!important}
.justify-content-between{justify-content:space-between!important}
.w-50{width:50%!important}
.gap-2{gap:.5rem!important}
.align-items-center{align-items:center!important}
.fw-500{font-weight:500!important}
.fs-16{font-size:16px!important}
.px-0{padding-right:0!important;padding-left:0!important}
.p-0{padding:0!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.p-3{padding:1rem!important}
.me-2{margin-right:.5rem!important}
.small,small{font-size:.875em}
.text-underline{text-decoration:underline!important}
.text-capitalize{text-transform:capitalize!important}
.proceed-btn .text,.proceed-btn .icon-container{position:relative;z-index:2;color:#fff}
.proceed-btn .icon-container{position:relative;width:25px;height:25px;margin-left:15px}
.proceed-btn .icon-container .icon{position:absolute;left:0;top:0;width:25px;height:25px}
.proceed-btn .icon-container .icon--left{transform:translateX(-200%);opacity:0}
.proceed-btn .icon-container .icon img{margin-left:-5px}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
@media(max-width:576px){.card-login h2{margin-top:80px;margin-bottom:12px}}
*,::before,::after{box-sizing:border-box}
img{vertical-align:middle}
.toggle-password{background:none;border:none;z-index:8;position:absolute;top:55%;right:1%}
::-ms-reveal{display:none}