.membership-container.svelte-15k6mhl{background:linear-gradient(to bottom,#ede1cf,#f0e6d7 40%,#f5ede1);padding:60px 0;display:flex;align-items:center}.membership-card.svelte-15k6mhl{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(242,108,79,.1)}.back-to-home.svelte-15k6mhl{text-align:center;margin-bottom:1.5rem}.back-link.svelte-15k6mhl{display:inline-flex;align-items:center;gap:.5rem;color:#f26c4f;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;border:1px solid transparent}.back-link.svelte-15k6mhl:hover{color:#e55a3f;background-color:#f26c4f0d;border-color:#f26c4f33;text-decoration:none}.back-link.svelte-15k6mhl svg:where(.svelte-15k6mhl){transition:transform .3s ease}.back-link.svelte-15k6mhl:hover svg:where(.svelte-15k6mhl){transform:translate(-2px)}.membership-header.svelte-15k6mhl{text-align:center;margin-bottom:30px}.logo-container.svelte-15k6mhl{margin-bottom:20px}.membership-logo.svelte-15k6mhl{width:150px;height:150px;border-radius:50%;border:4px solid #f26c4f;padding:10px;background:linear-gradient(135deg,#fff2e2,#f0d9b5);display:block;margin:0 auto;object-fit:contain;object-position:center}.membership-header.svelte-15k6mhl h2:where(.svelte-15k6mhl){color:#7a1f1f;font-weight:700;margin-bottom:8px;font-size:28px}.membership-subtitle.svelte-15k6mhl{color:#666;margin-bottom:0;font-size:16px}.membership-form.svelte-15k6mhl{margin-bottom:30px}.form-group.svelte-15k6mhl{margin-bottom:20px}.form-label.svelte-15k6mhl{color:#7a1f1f;font-weight:600;margin-bottom:8px;text-align:center}.payment-option.svelte-15k6mhl{text-align:center;padding:15px;background-color:#f8f4e6;border:1px solid #ddd;border-radius:10px;height:100%;display:flex;flex-direction:column}.payment-option.svelte-15k6mhl h3:where(.svelte-15k6mhl){color:#7a1f1f;font-size:14px;font-weight:600;margin-bottom:15px}.payment-btn.svelte-15k6mhl{background:linear-gradient(135deg,#f26c4f,#d4572f);border:none;padding:1rem;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;flex:1;border-radius:8px;font-weight:600}.payment-btn.svelte-15k6mhl:hover{background:linear-gradient(135deg,#d4572f,#b8472a);transform:translateY(-2px);box-shadow:0 8px 20px #f26c4f4d;color:#fff;text-decoration:none}.payment-btn.svelte-15k6mhl i:where(.svelte-15k6mhl){color:#fff;font-size:1.5rem;margin:0}.qr-text.svelte-15k6mhl{color:#666;font-size:12px;margin-bottom:0;text-align:center}.login-link.svelte-15k6mhl{text-align:center;margin-bottom:0;margin-top:30px}.login-link.svelte-15k6mhl p:where(.svelte-15k6mhl){color:#666;margin-bottom:0;font-size:14px}.login-link.svelte-15k6mhl a:where(.svelte-15k6mhl){color:#f26c4f;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link.svelte-15k6mhl a:where(.svelte-15k6mhl):hover{color:#d4572f;text-decoration:underline}@media (max-width: 576px){.membership-card.svelte-15k6mhl{padding:30px 20px;margin:20px}.membership-header.svelte-15k6mhl h2:where(.svelte-15k6mhl){font-size:24px}}