:root{--login-bg:#272727;--login-card:#333333;--login-text:#ffffff;--login-input-bg:#14171d;--login-border:#2f3541;--login-secondary-text:#a8b3c7}.light-theme{--login-bg:#ece7df;--login-card:#f4f1eb;--login-text:#232323;--login-input-bg:#ffffff;--login-border:#d1c9bb;--login-secondary-text:#5f5a52}.login-container{height:100vh;background-color:var(--login-bg);font-family:Inter,sans-serif;position:relative;transition:background-color .3s ease}.back-arrow,.login-container{display:flex;align-items:center;justify-content:center}.back-arrow{position:absolute;top:40px;left:40px;font-size:24px;color:var(--login-text);border:1px solid var(--login-border);border-radius:50%;width:50px;height:50px;text-decoration:none;transition:all .2s}.back-arrow:hover{background:rgba(255,255,255,.05)}.light-theme .back-arrow:hover{background:rgba(0,0,0,.05)}.login-card{width:100%;max-width:450px;padding:60px 40px;border:1px solid var(--login-border);border-radius:30px;text-align:center;background:var(--login-card);box-shadow:0 10px 25px -5px rgba(0,0,0,.1);transition:all .3s ease}.brand-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:40px}.brand-dot{width:12px;height:12px;background-color:#32c8ff;border-radius:50%}.brand-name{font-size:24px;font-weight:700;color:var(--login-text);margin:0}.input-group{margin-bottom:20px;position:relative}.input-group input{width:100%;padding:15px 20px;background-color:var(--login-input-bg);border:1px solid var(--login-border);border-radius:99px;font-size:14px;color:var(--login-text);outline:none;transition:all .2s}.input-group input:focus{border-color:#32c8ff}.password-group input{padding-right:50px}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;color:var(--login-secondary-text);opacity:.7}.password-toggle:hover{background:rgba(255,255,255,.05);opacity:1}.light-theme .password-toggle:hover{background:rgba(0,0,0,.05)}.input-group input::placeholder{color:var(--login-secondary-text);font-weight:500;opacity:.7}.divider{height:1px;background:var(--login-border);margin:30px 0}.login-meta-row{display:flex;justify-content:flex-end;margin:-4px 0 18px}.forgot-link{color:#65d8ff;font-size:13px;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.google-btn{width:100%;padding:12px;margin-bottom:12px;background:var(--login-card);border:1px solid var(--login-border);border-radius:99px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;color:var(--login-text);cursor:pointer;transition:background .2s}.google-btn:hover{background:rgba(255,255,255,.03)}.light-theme .google-btn:hover{background:#f8fafc}.microsoft-btn{padding:12px;margin-bottom:30px;background:#2f2f2f;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.microsoft-btn,.submit-btn{width:100%;color:white;border:none;border-radius:99px;font-weight:600;cursor:pointer}.submit-btn{padding:15px;background:linear-gradient(90deg,#1ea7ff,#38d3ff);font-size:16px;box-shadow:0 8px 24px rgba(56,211,255,.28)}.footer-text{margin-top:30px;font-size:12px;color:var(--login-secondary-text)}.footer-text a{color:#65d8ff;text-decoration:underline}.power-by{position:absolute;bottom:20px;left:20px;font-size:10px;opacity:.5}.helper-text,.power-by{color:var(--login-secondary-text)}.helper-text{margin:0 0 24px;font-size:14px;line-height:1.6}.error-msg,.success-msg{margin:0 0 16px;font-size:13px;border-radius:18px;padding:12px 14px;text-align:left}.error-msg{color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.18)}.success-msg{color:#bbf7d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.18)}.light-theme .success-msg{color:#166534;background:#dcfce7;border-color:#86efac}.light-theme .error-msg{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}