:root{--primary:#2196f3;--primary-dark:#1769aa;--secondary:#43e97b;--accent:#00b894;--dark:#101c1c;--darker:#0a1414;--light:#eaf6fb;--text:#e0f7fa;--text-light:#b2dfdb;--text-dark:#1a2a2a;--success:#43e97b;--warning:#ffd166;--danger:#ff7675;--surface-1:#0a1414;--surface-2:#101c1c;--surface-soft:rgba(255, 255, 255, 0.05);--surface-muted:rgba(0, 0, 0, 0.25);--glass-bg:rgba(10, 20, 20, 0.95);--glass-border:rgba(0, 184, 148, 0.2);--input-bg:rgba(0, 0, 0, .3);--input-bg-focus:rgba(0, 0, 0, .4);--input-border:rgba(0, 184, 148, 0.3);--muted-border:rgba(255, 255, 255, 0.12);--hero-from:#0a1414;--hero-to:#1769aa;--border-radius:8px;--box-shadow:0 4px 10px rgba(33, 150, 243, 0.15);--transition:all 0.3s cubic-bezier(.4, 0, .2, 1);--font-sans:'Manrope','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;--font-display:'Space Grotesk','Manrope',sans-serif;--font-mono:'JetBrains Mono','Courier New',Courier,monospace;--text-size-sm:0.9rem;--text-size-md:1rem;--text-size-lg:1.2rem;--text-size-xl:2rem}[data-theme=light]{--dark:#f8fbfd;--darker:#eef6fb;--light:#06222f;--text:#163041;--text-light:#4a6475;--text-dark:#0e2230;--warning:#a66900;--surface-1:rgba(255, 255, 255, 0.9);--surface-2:#f8fbfd;--surface-soft:rgba(255, 255, 255, 0.88);--surface-muted:rgba(6, 34, 47, 0.06);--glass-bg:rgba(255, 255, 255, 0.88);--glass-border:rgba(0, 184, 148, 0.22);--input-bg:rgba(255, 255, 255, 0.84);--input-bg-focus:rgba(255, 255, 255, 1);--input-border:rgba(22, 48, 65, 0.2);--muted-border:rgba(22, 48, 65, 0.14);--hero-from:#d7e9f6;--hero-to:#a7cde4;--box-shadow:0 10px 28px rgba(8, 35, 51, 0.12)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body{background:linear-gradient(180deg,var(--surface-2),var(--dark));color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}header{background-color:var(--surface-1);box-shadow:var(--box-shadow);position:fixed;width:100%;z-index:1000;transition:var(--transition);border-bottom:.125rem solid var(--muted-border);backdrop-filter:blur(8px)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:10px 1.5rem;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:.3rem;text-decoration:none}.logo svg,.logo-image{height:40px;width:auto}.logo-text{font-size:var(--text-size-xl);font-weight:700;padding-top:10px;color:var(--light);font-family:var(--font-display);letter-spacing:.01em}.logo-text span{color:var(--accent)}.logo-comp{margin-top:20px;font-size:var(--text-size-md);font-weight:700;color:var(--text-light)}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:120px 1.7rem 20px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--hero-from),var(--hero-to))}.login-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/mbkauthe/bg.webp) center/cover no-repeat;opacity:.1;z-index:0}[data-theme=light] .login-container{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--primary) 18%,transparent 82%),transparent 48%),radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--accent) 14%,transparent 86%),transparent 54%),linear-gradient(135deg,var(--hero-from),var(--hero-to))}.login-box{background:var(--glass-bg);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:2.5rem;width:100%;max-width:450px;box-shadow:0 8px 32px rgba(0,0,0,.4);border:1px solid var(--glass-border);position:relative;z-index:2;transition:var(--transition)}.login-box:hover{box-shadow:0 12px 40px rgba(0,0,0,.5);border-color:rgba(0,184,148,.3)}.login-box-inner{display:flex;flex-direction:column;gap:0}.login-sidebar{display:none}.login-main{width:100%}.mobile-actions{display:block}.login-title{text-align:center;margin-bottom:2rem;font-size:var(--text-size-xl);position:relative;color:var(--light);font-family:var(--font-display)}.login-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background-color:var(--accent);border-radius:2px}.login-subtitle{text-align:center;color:var(--text-light);font-size:var(--text-size-sm);margin-top:-1rem;margin-bottom:2rem;line-height:1.5}.form-group{position:relative;margin-bottom:1.5rem}.form-input{width:100%;padding:14px 20px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--border-radius);color:var(--text);font-size:var(--text-size-md);transition:var(--transition)}.form-input:focus{outline:0;background:var(--input-bg-focus);border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,184,148,.2)}.form-input[type=text][name=token]{font-size:1.5rem;letter-spacing:.5rem;text-align:center;font-weight:600;font-family:var(--font-mono)}.form-label{position:absolute;top:15px;left:20px;color:var(--text-light);transition:var(--transition);pointer-events:none}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-10px;left:15px;font-size:.8rem;background:var(--glass-bg);padding:0 5px;color:var(--accent)}.input-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--text-light);cursor:pointer;transition:var(--transition)}.input-icon:hover{color:var(--accent)}.btn-login{width:100%;padding:8px;border-radius:var(--border-radius);background:var(--accent);color:var(--dark);font-weight:700;font-size:var(--text-size-lg);border:.1rem solid var(--accent);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--box-shadow)}.swi{display:flex;align-items:center;justify-content:center;gap:10px;padding:.85rem 1.1rem;border-radius:var(--border-radius);font-weight:600;font-size:var(--text-size-sm);text-decoration:none;transition:var(--transition);border:.13rem solid;position:relative;z-index:1;overflow:hidden;background:var(--surface-soft);color:var(--text);border-color:var(--muted-border)}.swi:hover{background:0 0;border-color:var(--accent);box-shadow:0 4px 20px rgba(0,184,148,.2)}.swi.s{font-size:1.3rem}.btn-login:hover{background:var(--surface-1);color:var(--accent);box-shadow:0 6px 20px rgba(0,184,148,.3)}.btn-login:disabled{background:var(--surface-1);color:var(--accent);cursor:not-allowed;transform:none;box-shadow:none}.social-login{margin-top:1.5rem;text-align:center}.divider{display:flex;align-items:center;justify-content:center;margin:.5rem 0}.divider::after,.divider::before{content:'';flex:1;height:1px;background:var(--text-light);opacity:.3}.divider span{background:var(--glass-bg);padding:0 15px;color:var(--text-light);font-size:.9rem}#googleLoginBtn i{font-size:1.1rem;color:#4285f4}.social-icons-row{display:flex;gap:1rem;justify-content:center;align-items:center}.mobile-google-btn i{color:#4285f4}.login-links{display:flex;justify-content:space-between;margin-top:1.5rem;font-size:.9rem}.login-link{color:var(--text-light);transition:var(--transition);text-decoration:none}.login-link:hover{color:var(--accent)}.terms-info{margin-top:1rem;font-size:.8rem;color:var(--text-light);text-align:center}.terms-link{color:var(--accent);font-weight:500;text-decoration:none}.token-container{animation:fadeInUp .4s ease-out}.token-container.disable{display:none}.token-container.enable{display:block}.ai-element{position:absolute;opacity:.1;z-index:1;animation:float 6s ease-in-out infinite}.ai-element:nth-child(1){top:20%;left:10%;font-size:5rem;animation-delay:0s}.ai-element:nth-child(2){top:60%;left:80%;font-size:4rem;animation-delay:1s}.ai-element:nth-child(3){top:30%;left:70%;font-size:3rem;animation-delay:2s}.ai-element:nth-child(4){top:80%;left:20%;font-size:6rem;animation-delay:3s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.remember-me{display:flex;align-items:center;justify-content:flex-start;width:100%}.remember-me input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--border-radius);margin-right:10px;cursor:pointer;position:relative;transition:var(--transition)}.remember-me input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}.remember-me input[type=checkbox]:checked::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dark);font-size:10px}.remember-me label{color:var(--text-light);cursor:pointer;transition:var(--transition);font-size:.9rem}.remember-me label:hover{color:var(--light)}.trust-device-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:1.5rem 0;padding:1rem;background:color-mix(in srgb,var(--accent) 7%,transparent 93%);border:1px solid rgba(0,184,148,.2);border-radius:var(--border-radius);transition:var(--transition)}.trust-device-container:hover{background:rgba(0,184,148,.08);border-color:rgba(0,184,148,.3)}.trust-device-label{display:flex;align-items:center;cursor:pointer;flex:1;gap:12px}.trust-device-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--input-bg);border:2px solid rgba(0,184,148,.4);border-radius:5px;cursor:pointer;position:relative;transition:var(--transition);flex-shrink:0}.trust-device-checkbox:hover{border-color:var(--accent);background:rgba(0,184,148,.1)}.trust-device-checkbox:checked{background-color:var(--accent);border-color:var(--accent)}.trust-device-checkbox:checked::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dark);font-size:11px}.checkbox-custom{display:none}.checkbox-text{color:var(--text);font-size:.95rem;font-weight:500;transition:var(--transition);user-select:none}.trust-device-label:hover .checkbox-text{color:var(--light)}.trust-device-info{color:var(--accent);cursor:pointer;font-size:1.1rem;transition:var(--transition);padding:.5rem;border-radius:50%;flex-shrink:0}.trust-device-info:hover{color:var(--light);background:rgba(0,184,148,.15);transform:scale(1.1)}.WarningboxInfo{background:rgba(255,209,102,.1);border:1px solid var(--warning);border-left:4px solid var(--warning);padding:.75rem 1rem;border-radius:var(--border-radius);color:var(--warning);font-size:.9rem;font-weight:500;margin-top:1rem;margin-bottom:10px;text-align:center;box-shadow:var(--box-shadow)}.version-info{position:fixed;bottom:20px;right:20px;background:var(--surface-soft);color:var(--text-light);padding:8px 12px;border-radius:var(--border-radius);font-size:.75rem;border:1px solid var(--muted-border);z-index:999;transition:var(--transition);backdrop-filter:blur(5px)}.version-info:hover{color:var(--accent);border-color:var(--accent)}@media (min-width:1001px){.login-box{max-width:1100px;padding:0;overflow:hidden}.login-box-inner{flex-direction:row;min-height:600px}.login-sidebar{display:flex;flex-direction:column;width:40%;background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(0,184,148,.08));padding:2.5rem 2rem;border-right:1px solid color-mix(in srgb,var(--accent) 32%,transparent 68%);position:relative;overflow:hidden}.login-sidebar::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,184,148,.1) 0,transparent 70%);animation:pulse 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sidebar-content{display:flex;flex-direction:column;gap:2.5rem;height:100%}.brand-section{text-align:center}.brand-icon{font-size:3.5rem;color:var(--accent);margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 12px rgba(0, 184, 148, .4));position:relative;z-index:1}.brand-title{font-size:1.5rem;font-weight:700;color:var(--light);margin-bottom:.75rem;line-height:1.3}.brand-description{font-size:.9rem;color:var(--text-light);line-height:1.5}.sidebar-actions{display:flex;flex-direction:column;gap:1rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:.85rem 1.1rem;border-radius:var(--border-radius);font-weight:600;font-size:.9rem;text-decoration:none;transition:var(--transition);border:.13rem solid;position:relative;z-index:1;overflow:hidden}.btn-google-side{background:var(--surface-soft);color:var(--text);border-color:var(--muted-border)}.btn-google-side:hover{background:0 0;border-color:var(--accent);box-shadow:0 4px 20px rgba(0,184,148,.2)}.btn-google-side i{color:#4285f4}.btn-switch-side{background:var(--surface-soft);color:var(--text);border-color:var(--muted-border)}.btn-switch-side:hover{background:0 0;border-color:var(--accent);box-shadow:0 4px 20px rgba(0,184,148,.2)}.sidebar-links{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:2rem;border-top:1px solid var(--muted-border);position:relative;z-index:1}.sidebar-link{display:flex;align-items:center;gap:10px;color:var(--text-light);text-decoration:none;font-size:.85rem;transition:var(--transition);padding:.6rem .75rem;border-radius:6px;border:1px solid transparent}.sidebar-link:hover{color:var(--accent);background:rgba(0,184,148,.08);border-color:rgba(0,184,148,.3)}.sidebar-link i{font-size:.95rem;opacity:.8}.login-main{width:70%;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:center;background:var(--surface-muted)}.login-form{max-width:420px;margin:0 auto;width:100%}.login-title{margin-bottom:2.5rem;font-size:2rem;text-align:center}.login-title::after{display:block}.mobile-actions{display:none}.form-group{margin-bottom:1.75rem}.terms-info{margin-top:2rem}}.logo-centered{justify-content:center;margin-bottom:1rem}.form-row-split{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.remember-me-inline{margin-bottom:0}.login-link-nowrap{margin-bottom:0;white-space:nowrap}.hidden-by-default{display:none}.btn-login-inline{text-decoration:none;display:inline-block;margin-top:10px;text-align:center;line-height:40px}.link-no-decoration{text-decoration:none}@media (max-width:400px){.logo svg,.logo-image{height:30px}.logo-text{font-size:1.6rem}.mbkauthe-btn-login{font-size:1rem!important;padding:6px!important}}@media (max-width:768px){.login-box{padding:2rem}.login-title{font-size:1.8rem}.version-info{bottom:10px;right:10px;font-size:.7rem;padding:6px 10px}}@media (max-width:576px){.login-box{padding:1.5rem;border-radius:var(--border-radius)}.login-links{flex-direction:row;gap:.5rem;align-items:center}}