@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&display=swap";:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#111827;background-color:#f5f5f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:#f5f5f5;min-height:100vh;margin:0}#root{min-height:100vh}.login-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:1.5rem;width:min(520px,100%);padding:2.5rem;display:flex;box-shadow:0 12px 30px #0f172a14,0 1px 3px #0f172a1a}.login-header{align-items:center;gap:1rem;display:flex}.login-header .logo{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:48px;height:48px;padding:.5rem}.login-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0;font-size:.85rem}.login-header h1{color:#111827;margin:.1rem 0 0;font-size:1.9rem}.auth-surface{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;min-height:220px;padding:1.5rem}.loading-container{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.loading-container p{margin:0;font-size:.95rem}.spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-card{text-align:center;color:#4b5563}.state-card.error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:1rem}.state-card code{color:#b91c1c;margin-top:.5rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;display:block}.sign-in-panel{flex-direction:column;gap:1rem;display:flex}.sign-in-panel__providers{flex-direction:column;gap:.75rem;display:flex}.sign-in-panel__back{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:.5rem;padding:.25rem 0;font-size:.875rem}.sign-in-panel__back:hover{text-decoration:underline}.sign-in-panel__back:disabled{color:#9ca3af;cursor:not-allowed}.sign-in-panel__legal{color:#6b7280;text-align:center;margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.sign-in-panel__legal a{color:#2563eb;text-decoration:none}.sign-in-panel__legal a:hover{text-decoration:underline}.provider-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.95rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.provider-button:hover:not(:disabled){border-color:#cbd5f5;box-shadow:0 4px 12px #4f46e514}.provider-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.provider-button:disabled{opacity:.6;cursor:not-allowed}.provider-button__icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.provider-button__icon img{object-fit:contain;width:20px;height:20px}.provider-button__label{text-align:left;flex:1}.provider-button--google{background:#fff}.provider-button[style*=--provider-color]{border-color:var(--provider-color)}.email-form{flex-direction:column;gap:1rem;display:flex}.email-form__field{flex-direction:column;gap:.375rem;display:flex}.email-form__label{color:#374151;font-size:.875rem;font-weight:500}.email-form__input{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.email-form__input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.email-form__input:disabled{cursor:not-allowed;background:#f3f4f6}.email-form__input::placeholder{color:#9ca3af}.email-form__error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.email-form__submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;transition:background-color .15s}.email-form__submit:hover:not(:disabled){background:#1d4ed8}.email-form__submit:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.email-form__submit:disabled{cursor:not-allowed;background:#93c5fd}.email-form__hint{color:#6b7280;text-align:center;margin:.5rem 0 0;font-size:.8rem;line-height:1.5}.email-form__hint a{color:#2563eb;text-decoration:none}.email-form__hint a:hover{text-decoration:underline}.error-banner{z-index:1000;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;width:min(480px,100% - 2rem);padding:1rem 1.25rem;animation:.3s ease-out slideUp;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #b91c1c26,0 4px 10px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.error-banner__content{margin-bottom:.75rem}.error-banner__message{color:#b91c1c;margin:0;font-size:.95rem;line-height:1.4}.error-banner__code{color:#991b1b;margin-top:.375rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;display:block}.error-banner__actions{gap:.5rem;display:flex}.error-banner__button{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .15s,border-color .15s}.error-banner__button--retry{color:#fff;background:#b91c1c;border:1px solid #b91c1c}.error-banner__button--retry:hover{background:#991b1b;border-color:#991b1b}.error-banner__button--dismiss{color:#b91c1c;background:0 0;border:1px solid #fca5a5}.error-banner__button--dismiss:hover{background:#fee2e2}.signout-complete{text-align:center;padding:1rem 0}.signout-complete__icon{color:#059669;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.signout-complete__title{color:#111827;margin:0 0 .5rem;font-size:1.25rem}.signout-complete__message{color:#4b5563;margin:0 0 .75rem;font-size:.95rem}.signout-complete__hint{color:#9ca3af;margin:0;font-size:.85rem}@media (width<=640px){.login-card{padding:1.75rem}.login-header h1{font-size:1.5rem}.provider-button{padding:.75rem .875rem}}