.signup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.signup-modal{width:90%;max-width:400px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);border-radius:10px}form .form-control{border:none;border-bottom:1px solid #000;border-radius:0;background-color:#f9f9f9}form .form-control:focus{outline:none;box-shadow:none;border-bottom:2px solid #007bff}form label{font-size:14px;color:#555}form button{font-size:16px;font-weight:700}form .btn-dark{background-color:#000;color:#fff}form .btn-dark:hover{opacity:.9}form .text-primary{color:#007bff;text-decoration:none}form .text-primary:hover{text-decoration:underline}.checkbox-container{display:flex;align-items:center;gap:8px}.name-format-switch{display:flex;gap:8px;margin-bottom:14px}.name-format-switch button{flex:1 1;padding:8px;border:1px solid #cfe1f5;border-radius:8px;background:#f4f8fc;color:#365d80;font-size:14px}.name-format-switch button.active{border-color:#1674d1;background:#1674d1;color:#fff}.checkbox-container input[type=checkbox]{margin:0}.form-check{display:flex;align-items:center}.form-check-input{margin:0 8px 0 0}.form-check-label{margin:0}#joinCommunity{width:10px}