.friend-form[data-v-ac6de3ad]{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.form-group[data-v-ac6de3ad]{position:relative}.form-label[data-v-ac6de3ad]{display:block;margin-bottom:8px;font-size:14px;color:#5f6368;font-weight:500;padding-left:16px}.friend-id[data-v-ac6de3ad],.email-input[data-v-ac6de3ad],.password-input[data-v-ac6de3ad]{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-ac6de3ad]:focus,.email-input[data-v-ac6de3ad]:focus,.password-input[data-v-ac6de3ad]:focus{outline:none;border-color:#5fd5ff;box-shadow:0 0 0 2px #5fd5ff33}.friend-id[data-v-ac6de3ad]::placeholder,.email-input[data-v-ac6de3ad]::placeholder,.password-input[data-v-ac6de3ad]::placeholder{color:#9e9e9e}.friend-id[data-v-ac6de3ad]:invalid,.email-input[data-v-ac6de3ad]:invalid{border-color:#ff5252}.submit-button[data-v-ac6de3ad]{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-ac6de3ad]:hover{background:#4cccff;box-shadow:0 6px 16px #5fd5ff4d}.submit-button[data-v-ac6de3ad]:active{box-shadow:0 2px 8px #5fd5ff33}.submit-button[data-v-ac6de3ad]:disabled{background:#e0e0e0;cursor:not-allowed;box-shadow:none}.text-center[data-v-ac6de3ad]{display:flex;flex-direction:column;text-align:center;gap:1rem}.error-message[data-v-ac6de3ad]{color:#ff5252}.success-message[data-v-ac6de3ad]{color:#4caf50}a[data-v-ac6de3ad]{color:var(--text-primary);text-decoration:none}
