@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500&family=Roboto:wght@300;400;500&display=swap";
:root{--bg:#fff;--card-bg:#fff;--card-shadow:none;--text-primary:#202124;--text-secondary:#5f6368;--text-link:#1a73e8;--border:#dadce0;--input-border:#dadce0;--input-focus:#1a73e8;--btn-primary:#1a73e8;--btn-primary-hover:#1765cc;--btn-text:#fff;--error-color:#d93025;--error-bg:#fce8e6;--success-color:#1e8e3e;--spinner-color:#1a73e8;--info-bg:#e8f0fe;--info-border:#d2e3fc;--overlay-bg:#ffffffeb;--loading-bar:#1a73e8;--loading-track:#e0e0e0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1e1f20;--card-bg:#0e0e0e;--card-shadow:none;--text-primary:#e3e3e3;--text-secondary:#9aa0a6;--text-link:#8ab4f8;--border:#303136;--input-border:#747775;--input-focus:#a8c7fa;--btn-primary:#a8c7fa;--btn-primary-hover:#c2d8fb;--btn-text:#062e6f;--error-color:#f28b82;--error-bg:#3c2020;--success-color:#81c995;--spinner-color:#a8c7fa;--info-bg:#1a2332;--info-border:#2d3e50;--overlay-bg:#0e0f10eb;--loading-bar:#a8c7fa;--loading-track:#3c3f43}}[data-theme=dark]{--bg:#1e1f20;--card-bg:#0e0e0e;--card-shadow:none;--text-primary:#e3e3e3;--text-secondary:#9aa0a6;--text-link:#8ab4f8;--border:#303136;--input-border:#747775;--input-focus:#a8c7fa;--btn-primary:#a8c7fa;--btn-primary-hover:#c2d8fb;--btn-text:#062e6f;--error-color:#f28b82;--error-bg:#3c2020;--success-color:#81c995;--spinner-color:#a8c7fa;--info-bg:#1a2332;--info-border:#2d3e50;--overlay-bg:#0e0f10eb;--loading-bar:#a8c7fa;--loading-track:#3c3f43}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Roboto,Segoe UI,Arial,sans-serif}.page-container{flex-direction:column;min-height:100vh;display:flex}.page-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;width:100%;max-width:450px;padding:48px 40px 36px;transition:opacity .2s;position:relative;overflow:hidden}.login-card.is-waiting{pointer-events:none;opacity:.55}.login-card .logo{margin-bottom:16px}.login-card .logo svg{width:75px;height:24px}.login-card h1{color:var(--text-primary);margin-bottom:4px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.35}.login-card .subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.5}.form-group{margin-bottom:4px;position:relative}.form-group input{border:1px solid var(--input-border);width:100%;color:var(--text-primary);background:0 0;border-radius:4px;outline:none;padding:16px 15px;font-family:Roboto,sans-serif;font-size:16px;transition:border-color .2s}.form-group input::placeholder{color:var(--text-secondary);font-size:16px}.form-group input:focus{border-color:var(--input-focus);border-width:2px;padding:15px 14px}.form-group label{display:none}.form-group.has-value label,.form-group input:focus+label{color:var(--input-focus);background:var(--card-bg);z-index:1;padding:0 4px;font-size:12px;font-weight:400;display:block;position:absolute;top:-8px;left:12px}.show-password{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-top:8px;margin-bottom:8px;font-size:14px;display:flex}.custom-checkbox{cursor:pointer;flex-shrink:0;width:18px;height:18px;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;width:18px;height:18px;margin:0;position:absolute}.custom-checkbox .checkmark{border:2px solid var(--text-secondary);background:0 0;border-radius:2px;transition:all .15s;position:absolute;inset:0}.custom-checkbox input:checked+.checkmark{background:var(--input-focus);border-color:var(--input-focus)}.custom-checkbox .checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.custom-checkbox input:checked+.checkmark:after{display:block}.forgot-link{color:var(--text-link);margin-top:12px;margin-bottom:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.forgot-link:hover{text-decoration:underline}.form-actions{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.btn-text{color:var(--text-link);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:10px 8px;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;text-decoration:none}.btn-text:hover{background:#1a73e80a}.btn-primary{letter-spacing:.25px;background-color:var(--btn-primary);color:var(--btn-text);cursor:pointer;border:none;border-radius:20px;min-width:90px;padding:10px 24px;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s,box-shadow .2s}.btn-primary:hover{background-color:var(--btn-primary-hover);box-shadow:0 1px 3px #0003}.btn-primary:disabled{cursor:not-allowed;background-color:#94bde8}.guest-text{color:var(--text-secondary);margin-top:24px;font-size:14px;line-height:1.5}.guest-text a{color:var(--text-link);font-weight:500;text-decoration:none}.guest-text a:hover{text-decoration:underline}.loading-bar{z-index:10;background:var(--loading-track,#e0e0e0);border-radius:28px 28px 0 0;height:4px;position:absolute;top:0;left:0;right:0;overflow:hidden}.loading-bar:after{content:"";background:var(--loading-bar,#1a73e8);border-radius:2px;width:30%;height:100%;animation:1s cubic-bezier(.4,0,.2,1) infinite indeterminate;position:absolute;top:0;left:0}@keyframes indeterminate{0%{width:30%;left:-30%}50%{width:45%}to{width:30%;left:100%}}.code-input{font-size:18px}.code-input:not(:placeholder-shown){letter-spacing:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page-slide-in{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideInFromRight}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.spinner{border:3px solid #4285f4;border-color:#4285f4 #ea4335 #fbbc05 #34a853;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{background:var(--error-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.error-icon svg{width:32px;height:32px;fill:var(--error-color)}.error-message{text-align:center;color:var(--error-color);margin-bottom:24px;font-size:14px}.field-error-message{color:var(--error-color);margin-top:6px;font-size:12px;line-height:1.4}.input-error{border-color:var(--error-color)!important}.user-chip{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:6px;margin:4px 0 24px;padding:2px 12px 2px 4px;font-size:14px;display:inline-flex}.user-chip svg{width:24px;height:24px;fill:var(--text-secondary)}.user-chip .chip-arrow{width:18px;height:18px;fill:var(--text-secondary);margin-left:2px}.prompt-number-display{text-align:center;color:var(--text-primary);letter-spacing:4px;margin:32px 0;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:64px;font-weight:300;line-height:1}.info-banner{background:var(--info-bg);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.info-banner .info-icon{width:24px;height:24px;fill:var(--text-link);flex-shrink:0}.info-banner p{color:var(--text-primary);font-size:14px;line-height:1.5}.info-banner strong{font-weight:500}.tfa-method-list{margin:0;padding:0;list-style:none}.tfa-method-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:16px;padding:16px 0;transition:background .15s;display:flex}.tfa-method-item:last-child{border-bottom:none}.tfa-method-item:hover{background:#00000005}.tfa-method-item .method-icon{width:24px;height:24px;fill:var(--text-link);flex-shrink:0;margin-top:2px}.tfa-method-item .method-text{flex:1}.tfa-method-item .method-text strong{color:var(--text-primary);font-size:14px;font-weight:400;display:block}.tfa-method-item .method-text span{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.prompt-section h2{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:500}.prompt-section p{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.prompt-section a{color:var(--text-link);font-weight:500;text-decoration:none}.prompt-section a:hover{text-decoration:underline}.prompt-checkbox{color:var(--text-primary);align-items:center;gap:12px;margin:16px 0;font-size:14px;display:flex}.prompt-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--input-focus)}.prompt-links{margin-top:24px}.prompt-links a{color:var(--text-link);padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;display:block}.prompt-links a:hover{text-decoration:underline}.success-icon{background:#e6f4ea;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.success-icon svg{width:32px;height:32px;fill:var(--success-color)}.page-footer{width:100%;max-width:450px;color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;display:flex}.page-footer .footer-right{gap:24px;display:flex}.page-footer a{color:var(--text-secondary);font-size:12px;text-decoration:none}.page-footer a:hover{text-decoration:underline}.language-dropdown{display:inline-block;position:relative}.language-dropdown-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-family:Roboto,sans-serif;font-size:12px;display:flex}.language-dropdown-trigger svg{width:12px;height:12px;fill:var(--text-secondary);transition:transform .2s}.language-dropdown-trigger.open svg{transform:rotate(180deg)}.language-dropdown-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:4px;min-width:220px;max-height:280px;margin-bottom:4px;padding:4px 0;position:absolute;bottom:100%;left:0;overflow-y:auto;box-shadow:0 2px 10px #00000026}.language-option{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:8px 16px;font-family:Roboto,sans-serif;font-size:13px;transition:background .1s;display:block}.language-option:hover{background:#0000000a}.language-option.selected{border-left-color:var(--input-focus);color:var(--input-focus);font-weight:500}@media (max-width:480px){.login-card{border:none;border-radius:0;max-width:100%;padding:24px 24px 20px}.page-content{align-items:flex-start;padding:0}}