.login-mobile-wrapper{width:100%;min-height:100svh;font-family:var(--font-kanit);color:#4c5151;flex-direction:column;display:flex;position:relative;overflow:hidden}.mobile-bg{z-index:0;background-image:-webkit-image-set(url(/assets/image/bg_mb.jpg) 1x type("image/jpeg"),url(/assets/image/bg_mb.png) 1x type("image/png"));background-image:image-set("/assets/image/bg_mb.jpg" 1x type("image/jpeg"),"/assets/image/bg_mb.png" 1x type("image/png"));background-position:50%;background-size:cover;position:absolute;inset:0}.mobile-content{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.mobile-logo{flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.mobile-title{font-size:24px;font-weight:700}.mobile-subtitle{text-align:center;margin:0 0 10px;font-size:16px}.mobile-btn-google{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#c96f6f;border:none;border-radius:24px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;height:48px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:300;transition:background .2s;display:flex;box-shadow:1px 3px 10px #c96f6f54}.mobile-btn-google:hover{background:#a8433c;transform:translateY(-1px)}.mobile-btn-google:active{background:#a8433c;transform:translateY(0)}.mobile-divider{align-items:center;gap:12px;width:80%;max-width:240px;margin:14px 0;font-size:12px;display:flex}.mobile-divider:before,.mobile-divider:after{content:"";background:#4c5151;flex:1;height:1px}.mobile-btn-alt{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:24px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;height:48px;padding:13px 20px;font-family:inherit;font-size:14px;transition:background .2s;display:flex;box-shadow:1px 3px 10px #c96f6f54}.mobile-btn-alt:hover{background:#fffbfb;transform:translateY(-1px)}.mobile-btn-alt:active{transform:translateY(0)}.mobile-footer{z-index:10;text-align:center;color:#c4c5c5;padding:0 24px 24px;font-size:10px;line-height:1.7;position:relative}.mobile-footer p{margin:0}.mb-email-wrapper{background-image:-webkit-image-set(url(/assets/image/bg_mb1.jpg) 1x type("image/jpeg"),url(/assets/image/bg_mb1.png) 1x type("image/png"));background-image:image-set("/assets/image/bg_mb1.jpg" 1x type("image/jpeg"),"/assets/image/bg_mb1.png" 1x type("image/png"));background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:0 16px 100px;display:flex;position:relative}.mb-back-btn{cursor:pointer;color:#fff;z-index:10;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s;display:flex;position:absolute;top:20px;left:20px}.mb-back-btn:hover{background:#ffffff59}.mb-email-top{flex-direction:column;justify-content:flex-end;align-items:center;padding:60px 20px 0;display:flex}.mb-email-logo-ring{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:-60px;display:flex;position:relative;box-shadow:0 0 12px #c96f6f}.mb-email-logo-ring img{object-fit:contain;width:90px;height:90px}.mb-email-card{background:#fff;border-radius:35px;flex-direction:column;margin-top:0;padding:50px 24px 24px;display:flex}.mb-email-card-inner{flex-direction:column;display:flex}.mb-email-spacer{flex:1}.mb-email-welcome{text-align:center;color:#4c5151;margin-bottom:10px;font-size:25px;font-weight:700}.mb-input-group{background:#fdf8f8;border:1.5px solid #e8d5d5;border-radius:14px;margin-bottom:8px;overflow:hidden}.mb-input-row{align-items:center;gap:10px;padding:0 14px;display:flex}.mb-input-row+.mb-input-row{border-top:1.5px solid #e8d5d5}.mb-input-icon{color:#c47a7a;flex-shrink:0;align-items:center;width:30px;height:30px;display:flex}.mb-input-row input{color:#4c5151;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-family:inherit;font-size:15px}.mb-input-row input::placeholder{color:#c4a5a5}.mb-eye-btn{cursor:pointer;color:#c47a7a;background:0 0;border:none;align-items:center;padding:4px;display:flex}.mb-forgot{text-align:right;color:#b05a5a;margin-top:4px;margin-bottom:24px;font-size:13px;text-decoration:none;display:block}.mb-btn-login{color:#fff;cursor:pointer;letter-spacing:.4px;background:#c47a7a;border:none;border-radius:50px;justify-content:center;align-items:center;width:100%;height:40px;margin-bottom:5px;padding:17px;font-family:inherit;font-size:17px;font-weight:600;transition:background .2s,transform .12s;display:flex}.mb-btn-login:hover{background:#b06060}.mb-btn-login:active{transform:scale(.98)}.mb-btn-login:disabled{opacity:.7;cursor:not-allowed}.mb-error{color:#c0392b;text-align:center;background:#fff0f0;border:1px solid #f5c6c6;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.mb-email-footer{text-align:center;color:#c4c5c5;opacity:.7;font-size:10px;line-height:1.7;position:absolute;bottom:16px;left:0;right:0}.dark .login-mobile-wrapper,.dark .mb-email-wrapper{color:#e2e8f0;background-color:#0f172a}.dark .mobile-bg,.dark .mb-email-wrapper:before{filter:brightness(.58)saturate(.75)}.dark .mobile-bg{opacity:.24}.dark .mobile-divider:before,.dark .mobile-divider:after{background:#cbd5e194}.dark .mobile-btn-google,.dark .mb-btn-login{background:linear-gradient(135deg,#be123c,#e11d48);box-shadow:0 16px 34px #be123c40}.dark .mobile-btn-alt,.dark .mb-email-card,.dark .mb-email-logo-ring{color:#e2e8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad6;border:1px solid #ffffff1a;box-shadow:0 22px 60px #0206175c}.dark .mb-email-welcome{color:#e2e8f0}.dark .mb-input-group{background:#0f172ab8;border-color:#ffffff1f}.dark .mb-input-row+.mb-input-row{border-top-color:#ffffff1f}.dark .mb-input-row input{color:#e2e8f0}.dark .mb-error{color:#fecdd3;background:#f43f5e1f;border-color:#fb718547}