*{box-sizing:border-box;margin:0;padding:0}.sign-in-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f7f9fc;font-family:Poppins,sans-serif}.login-container{width:100%;max-width:420px;background-color:white;border-radius:12px;padding:40px 30px;box-shadow:0 4px 16px rgba(0,0,0,.1);margin:0 auto;text-align:left}.logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.logo-section svg{fill:#1b1b1b;margin-bottom:8px}.logo-section h1{font-size:24px;font-weight:600;color:#1b1b1b;margin:0;text-align:center}.login-form{width:100%}.login-message{text-align:center;margin-bottom:24px;color:#555;font-size:16px;line-height:1.5}.login-message.error{color:#DC2626}.input-group{margin-bottom:16px}input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#F3F4F6;font-size:16px;color:#1F2937}input:focus{outline:none;border-color:#5C8DFF}input::-moz-placeholder{color:#6B7280}input::placeholder{color:#6B7280}.auth-links{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:16px}.auth-link{color:#5C8DFF;text-decoration:none;font-size:14px;display:inline-block;margin-top:4px}.auth-link:hover{text-decoration:underline}.auth-buttons{display:flex;gap:12px;margin-bottom:24px}.auth-buttons button:only-child{width:100%}button{cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;border:none;border-radius:8px;font-size:16px;padding:12px 16px;transition:background-color .2s}button:disabled{opacity:.7;cursor:not-allowed}.auth-buttons button{flex:1}#sign-in{background-color:#5C8DFF;color:white}#sign-in:hover:not(:disabled){background-color:#4a7ced}#sign-up{background-color:white;color:#5C8DFF;border:1px solid #5c8dff}#sign-up:hover:not(:disabled){background-color:rgba(92,141,255,.1)}.auth-divider{margin-bottom:24px}.auth-divider span{padding:0 12px;font-size:14px}.google-btn{gap:8px;color:#1F2937;border:1px solid #e5e7eb;padding:12px 16px;text-align:center}.google-btn:hover:not(:disabled){background-color:#f8f9fa}.auth-footer{margin-top:24px;font-size:14px}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider span{padding:0 1rem;font-size:.875rem;color:#6B7280;text-transform:lowercase}.google-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background-color:white;border:1px solid #e5e7eb!important;padding:.75rem 1.5rem}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#4B5563}.toast-notification{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:12px 16px;background-color:#5C8DFF;color:white;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.15);z-index:9999;font-family:Poppins,sans-serif;animation:toast-slide-in .3s ease-out,toast-fade-out .5s ease-in 3.5s forwards;pointer-events:none;max-width:300px;text-align:center;font-size:14px;font-weight:500}@keyframes toast-slide-in{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}