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