.visible{visibility:visible}.form-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px;background-color:#f0f2f5;font-family:sans-serif;color:#333}.notification{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-20px);max-width:400px;padding:12px;text-align:center;border-radius:12px;font-weight:600;border:1px solid transparent;transition:transform .3s;z-index:50;display:none}.notification.visible{display:block;transform:translate(-50%) translateY(0)}.notification.success{background-color:#d4edda;border-color:#28a745;color:#155724}.notification.error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.form-card{width:100%;max-width:480px;margin-top:40px;padding:32px;background-color:#fff;border-radius:16px;box-shadow:0 12px 24px #0000001a}.form-header h1{font-size:48px;color:#1877f2;font-weight:700}.form-header{text-align:center;margin-bottom:32px}.form-header p{font-size:20px;margin:4px 0;color:#333}.sub-text{color:#555;padding-bottom:8px;border-bottom:1px solid #ccc;margin-top:4px}.signup-form input,.signup-form select{padding:12px;border:1px solid #ccc;border-radius:12px;font-size:16px;width:100%;outline:none;margin-bottom:12px}.signup-form input:focus,.signup-form select:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.name-fields{display:flex;gap:12px;flex-direction:column}@media(min-width:640px){.name-fields{flex-direction:row}}.dob-fields,.gender-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.gender-option{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ccc;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .15s}.gender-option:hover{border-color:#1877f2}.policy-text{font-size:12px;color:#555;margin-top:12px}.policy-text a{color:#1877f2;text-decoration:none}.policy-text a:hover{text-decoration:underline}.signup-btn{margin-top:16px;width:100%;background-color:#42b72a;color:#fff;font-size:20px;font-weight:700;padding:12px 0;border-radius:16px;cursor:pointer;transition:all .2s}.signup-btn:hover{background-color:#36a420;transform:scale(1.02)}.registered-users{margin-top:32px;width:100%;max-width:480px;display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.registered-users{grid-template-columns:1fr 1fr}}.user-card{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #ddd}.user-card h2{font-size:18px;color:#1877f2;font-weight:700;margin-bottom:4px}.user-card p{font-size:14px;color:#555}