body.guest-user{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 45%,#0891b2 100%)}
.auth-main{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 90% 90%,rgba(34,211,238,.24),transparent 26%)}
.auth-card{width:min(430px,94vw);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.65);border-radius:30px;padding:32px;box-shadow:0 30px 90px rgba(2,6,23,.28);text-align:center}
.auth-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;margin:0 auto 16px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:white;font-size:30px;font-weight:900;box-shadow:0 16px 32px rgba(37,99,235,.28)}
.auth-card h1{margin:0 0 8px;color:#0f172a;font-size:30px}.welcome-text{margin:0 0 22px;color:#64748b;line-height:1.5}.auth-card form{text-align:left}.auth-card button{width:100%;height:48px;margin-top:20px;border-radius:16px;font-size:16px}.auth-card input{height:48px;border-radius:16px;background:#f8fafc}.auth-card label{margin-top:16px}.auth-card .alert{text-align:left;margin-bottom:14px}
@media(max-width:520px){.auth-main{padding:14px;align-items:center}.auth-card{width:100%;padding:26px 20px;border-radius:26px}.auth-card h1{font-size:26px}.auth-logo{width:58px;height:58px;border-radius:20px}}

/* v1.9.27 login floating label fix */
.auth-card label.field-floating-inline,.auth-card .field-floating-wrap{margin-top:18px!important}.auth-card label.field-floating-inline>.field-floating-text,.auth-card .field-floating-wrap>label{top:-9px;left:15px;background:transparent!important;font-weight:500!important;text-shadow:0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff}.auth-card input{margin-top:0;height:50px}.auth-card button{margin-top:22px}


/* v1.9.28 login form alignment */
.auth-card form{width:100%}.auth-card .field-floating-wrap{margin-top:18px}.auth-card input{height:50px;padding:18px 14px 8px;background:#eef6ff;border-color:#aac2df}.auth-card label.field-floating-inline>.field-floating-text,.auth-card .field-floating-wrap>label{top:-10px;left:16px;color:#1f3a5a!important;text-shadow:none!important}.auth-card button{height:48px}.auth-card{max-width:430px}
@media(max-width:520px){body.guest-user .page-content{padding:16px}.auth-card{width:100%;max-width:430px;margin:0 auto;padding:28px 22px}.auth-main{overflow-x:hidden}.welcome-text{max-width:280px;margin-left:auto;margin-right:auto}}

/* v1.9.29 login placeholder + register button */
.auth-card .login-form{display:grid;gap:14px;text-align:left}
.auth-card .login-form label{display:none!important}
.auth-card .login-form input{height:50px;margin-top:0;padding:0 16px;border-radius:16px;background:#eef6ff;border:1px solid #aac2df;font-size:16px;line-height:50px}
.auth-card .login-form input::placeholder{color:#37506b;opacity:.92}
.auth-card .login-form button,.auth-card .login-form .btn{width:100%;height:48px;margin-top:6px;border-radius:16px;font-size:16px;text-align:center}
.auth-card .login-form .register-btn{margin-top:0;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 12px 24px rgba(239,68,68,.18)}
.auth-card-register{width:min(460px,94vw)}
@media(max-width:520px){
  body.guest-user .page-content{padding:14px!important;overflow-x:hidden}
  body.guest-user .auth-main{padding:0!important;overflow-x:hidden}
  .auth-card{width:100%!important;max-width:430px;margin:0 auto!important;padding:28px 22px!important}
  .auth-card .login-form input{font-size:16px}
}