#signupPage{box-sizing:border-box;background:#f5f5f5;justify-content:center;width:100%;min-height:100vh;padding:40px 16px;font-family:sans-serif;display:flex}.signup-container{width:min(100%,500px)}.logo{margin-bottom:10px}.signup-container h1{margin:20px 0 5px;font-size:22px;font-weight:600}.login-link-top{margin-bottom:20px;font-size:13px}.login-link-top a{color:#2563eb;text-decoration:none}.role-toggle{background:#e5e5e5;border-radius:20px;margin-bottom:20px;padding:3px;display:flex}.role-toggle button{cursor:pointer;background:0 0;border:none;border-radius:20px;flex:1;padding:6px 0;font-size:13px;font-weight:600}.role-toggle .active{color:#2563eb;background:#fff;box-shadow:0 2px 6px #00000026}.signup-form input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:10px;font-size:15px}.signup-form input.error{border:1px solid red}.hint{color:#777;text-align:left;margin-top:-8px;margin-bottom:5px;font-size:11px}.signup-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:5px;padding:10px;font-weight:500;transition:all .2s}.signup-form button:not(:disabled):hover{background:#1e4ed8}.authSubmitButton{justify-content:center;align-items:center;gap:8px;display:inline-flex}.signup-form button:disabled,.google-btn:disabled{cursor:not-allowed;opacity:.72}.authButtonSpinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;flex:none;width:16px;height:16px;animation:.7s linear infinite authSpin}.authButtonSpinnerBlue{border-color:#2563eb #2563eb2e #2563eb2e}.password-rules{text-align:left;color:#777;margin-bottom:10px;font-size:13px;font-weight:500}.signup-form #errorText{color:red;margin-top:0;margin-bottom:15px;font-size:12px}.password-rules p{margin:2px 0}.password-rules p:before{content:"✕";background:#d4d4d4;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:6px;font-size:10px;display:inline-flex}.password-rules .valid{color:#00cf5a;font-weight:500}.password-rules p.valid:before{color:#fff;content:"✔ ";background-color:#00cf5a}.divider{color:#999;text-align:center;margin:15px 0;font-size:13px;position:relative}.divider:before,.divider:after{content:"";background:#ddd;width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.google-btn{color:#1e4ed8;cursor:pointer;background:#fff;border:1px solid #1e4ed8;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;padding:10px;display:flex}.google-btn:not(:disabled):hover{background:#d7d7d7}.google-btn img{width:20px;height:20px;margin-right:10px}.terms{color:#777;font-size:11px}.terms a{color:#2563eb;text-decoration:none}@keyframes authSpin{to{transform:rotate(360deg)}}@media (max-width:560px){#signupPage{padding:24px 12px 36px}.role-toggle{border-radius:16px;flex-direction:column}.role-toggle button{border-radius:14px}}