#login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e;display:flex;justify-content:center;align-items:center;z-index:10000;font-family:Arial,sans-serif}.login-card{background:#16213e;border:1px solid #0f3460;border-radius:12px;padding:48px 40px;width:400px;max-width:90vw;box-shadow:0 8px 32px #0009}.login-card h1{font-family:Anton,Impact,sans-serif;color:gold;font-size:42px;text-align:center;margin-bottom:28px;letter-spacing:2px;text-shadow:2px 2px 0 #000}.tab-bar{display:flex;gap:8px;margin-bottom:24px}.tab-bar button{flex:1;padding:10px;background:transparent;border:1px solid #0f3460;border-radius:6px;color:#888;cursor:pointer;font-size:15px;transition:all .2s}.tab-bar button.active{background:#0f3460;color:#fff;border-color:gold}#auth-form{display:flex;flex-direction:column;gap:14px}#auth-form input{padding:12px 14px;border-radius:6px;border:1px solid #0f3460;background:#0f0f23;color:#fff;font-size:15px;outline:none}#auth-form input:focus{border-color:gold}#auth-submit{padding:13px;background:gold;color:#000;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}#auth-submit:hover{opacity:.88}#auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#ff6b6b;font-size:13px;text-align:center;min-height:18px}.auth-error.hidden{visibility:hidden}.divider{text-align:center;color:#555;margin:18px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#333}.divider:before{left:0}.divider:after{right:0}#google-btn{width:100%;padding:12px;background:#fff;color:#222;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}#google-btn:hover{opacity:.9}#google-btn:disabled{opacity:.5;cursor:not-allowed}#logout-btn{position:fixed;top:12px;right:12px;z-index:9998;padding:6px 14px;background:#00000080;color:#fff;border:1px solid #555;border-radius:6px;font-size:13px;cursor:pointer}