.friend-form[data-v-c15cb7ce]{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.form-group[data-v-c15cb7ce]{position:relative}.form-label[data-v-c15cb7ce]{display:block;margin-bottom:8px;font-size:14px;color:#5f6368;font-weight:500;padding-left:16px}.friend-id[data-v-c15cb7ce],.email-input[data-v-c15cb7ce],.password-input[data-v-c15cb7ce]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:25px;font-size:14px;color:#5f6368;background:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.friend-id[data-v-c15cb7ce]:focus,.email-input[data-v-c15cb7ce]:focus,.password-input[data-v-c15cb7ce]:focus{outline:none;border-color:#5fd5ff;box-shadow:0 0 0 2px #5fd5ff33}.friend-id[data-v-c15cb7ce]::placeholder,.email-input[data-v-c15cb7ce]::placeholder,.password-input[data-v-c15cb7ce]::placeholder{color:#9e9e9e}.friend-id[data-v-c15cb7ce]:invalid,.email-input[data-v-c15cb7ce]:invalid{border-color:#ff5252}.submit-button[data-v-c15cb7ce]{background:#5fd5ff;border:none;border-radius:25px;padding:12px 32px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #5fd5ff33;transition:all .2s ease;width:100%;margin-top:24px}.submit-button[data-v-c15cb7ce]:hover{background:#4cccff;box-shadow:0 6px 16px #5fd5ff4d}.submit-button[data-v-c15cb7ce]:active{box-shadow:0 2px 8px #5fd5ff33}.submit-button[data-v-c15cb7ce]:disabled{background:#e0e0e0;cursor:not-allowed;box-shadow:none}.text-center[data-v-c15cb7ce]{display:flex;flex-direction:column;text-align:center;gap:1rem}.error-message[data-v-c15cb7ce]{color:#ff5252}.success-message[data-v-c15cb7ce]{color:#4caf50}a[data-v-c15cb7ce]{color:var(--text-primary);text-decoration:none}