body.layout-dark{font-family:Nunito,Segoe UI,sans-serif}body.layout-dark:before{display:none}body.layout-dark .auth-container{min-height:100vh}body.layout-dark .auth-container .container{max-width:1440px}body.layout-dark .login-card{background:#0e1726;border-radius:20px;border:.5px solid #1b2e4b;box-shadow:0 8px 40px #00000073,0 2px 12px #0000004d;overflow:hidden;margin:2rem 0}body.layout-dark .login-card__header{background:#e63946;padding:2rem 2rem 1.75rem;position:relative}body.layout-dark .login-card__header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:22px;background:#0e1726;border-radius:22px 22px 0 0}body.layout-dark .login-card__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,0,0,.12) 0%,transparent 40%);pointer-events:none}body.layout-dark .login-card__deco-dots{position:absolute;top:18px;right:22px;display:flex;gap:6px}body.layout-dark .login-card__deco-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}body.layout-dark .login-card__deco-dots .dot--bright{background:rgba(255,255,255,.5)}body.layout-dark .login-card__logo-row{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem;position:relative;z-index:1}body.layout-dark .login-card__logo-icon{width:38px;height:38px;background:rgba(255,255,255,.18);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.layout-dark .login-card__logo-icon svg{width:20px;height:20px}body.layout-dark .login-card__logo-text{font-size:18px;font-weight:800;color:#fff;letter-spacing:1px}body.layout-dark .login-card__title{font-size:24px;font-weight:800;color:#fff;margin:0 0 4px;line-height:1.2;position:relative;z-index:1}body.layout-dark .login-card__subtitle{font-size:13px;color:#ffffffbf;margin:0;position:relative;z-index:1}body.layout-dark .login-card__body{padding:1.75rem 2rem 2.25rem;background:#0e1726}body.layout-dark .login-field{margin-bottom:1.1rem}body.layout-dark .login-field__label{display:block;font-size:11.5px;font-weight:700;color:#506690;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px}body.layout-dark .login-field__wrap{position:relative}body.layout-dark .login-field__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#506690;display:flex;align-items:center;pointer-events:none;transition:color .2s}body.layout-dark .login-field__icon svg{width:16px;height:16px}body.layout-dark .login-field__input{width:100%;height:44px;padding:0 12px 0 42px;border-radius:10px;border:1.5px solid #1b2e4b;background:#1b2e4b;font-size:14px;font-family:Nunito,Segoe UI,sans-serif;font-weight:600;color:#e0e6ed;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}body.layout-dark .login-field__input::placeholder{color:#506690;font-weight:400}body.layout-dark .login-field__input:hover{border-color:#253d5b}body.layout-dark .login-field__input:focus{border-color:#e63946;background:rgb(22.95,39.1,63.75);box-shadow:0 0 0 3px #e639461f}body.layout-dark .login-field__input.is-invalid{border-color:#e7515a;background:#1e1214;box-shadow:0 0 0 3px #e7515a1a}body.layout-dark .login-field__wrap:focus-within body.layout-dark .login-field__icon{color:#e63946}body.layout-dark .login-field__toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#506690;display:flex;align-items:center;transition:color .2s}body.layout-dark .login-field__toggle svg{width:16px;height:16px}body.layout-dark .login-field__toggle:hover{color:#e63946}body.layout-dark .login-field__error{display:block;font-size:12px;color:#e7515a;font-weight:600;margin-top:5px;padding-left:2px}body.layout-dark .login-remember{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}body.layout-dark .login-remember__label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}body.layout-dark .login-remember__check{width:16px;height:16px;accent-color:#e63946;cursor:pointer;flex-shrink:0}body.layout-dark .login-remember__text{font-size:13px;font-weight:600;color:#888ea8}body.layout-dark .btn-login{width:100%;height:46px;background:#e63946;color:#fff;border:none;border-radius:12px;font-size:13.5px;font-weight:800;font-family:Nunito,Segoe UI,sans-serif;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 4px 20px #e6394666}body.layout-dark .btn-login svg{width:16px;height:16px;flex-shrink:0}body.layout-dark .btn-login:hover{background:#c1121f;box-shadow:0 6px 24px #c1121f80;transform:translateY(-1px)}body.layout-dark .btn-login:active{background:#a4040f;transform:translateY(0) scale(.98);box-shadow:0 2px 8px #e639464d}body.layout-dark .btn-login:focus-visible{outline:none;box-shadow:0 0 0 3px #e639461f,0 4px 20px #e6394666}body.layout-dark .login-footer-note{text-align:center;margin-top:1.3rem;margin-bottom:0;font-size:12.5px;color:#506690;line-height:1.65}body.layout-dark .login-footer-note strong{color:#e63946;font-weight:700}body.layout-dark .card{background-color:transparent;border:1px solid #1b2e4b}body.layout-dark .seperator{position:relative}body.layout-dark .seperator .seperator-text{position:absolute;top:-10px;display:block;text-align:center;width:100%;font-size:15px;font-weight:700;letter-spacing:1px}body.layout-dark .seperator .seperator-text span{background-color:#060818;padding:0 12px;display:inline-block}body.layout-dark .opt-input{padding:12px 14px;text-align:center}body.layout-dark .btn-social-login img{width:25px;height:25px}@media (max-width: 575px){body.layout-dark{height:100vh}body.layout-dark .auth-container{height:auto}body.layout-dark .login-card{border:none;box-shadow:none;border-radius:16px;margin:1rem 0}body.layout-dark .login-card__header{padding:1.5rem 1.25rem}body.layout-dark .login-card__body{padding:1.5rem 1.25rem 2rem}body.layout-dark .card{border:none}body.layout-dark .card .auth-container{height:auto}body.layout-dark .card .auth-container .card{background-color:transparent;box-shadow:none}body.layout-dark .card .auth-container .card .card-body{padding-top:24px;padding-bottom:24px}}