.loyalty-page[data-v-8fd127b0]{background-color:var(--color-bg-dark);min-height:100vh;padding-bottom:160px;padding-top:200px;position:relative}.hero-bg[data-v-8fd127b0]{background-image:url(../images/hero-bg.png);background-position:50%;background-size:cover;height:60vh;min-height:500px;z-index:0}.hero-bg[data-v-8fd127b0],.overlay[data-v-8fd127b0]{left:0;position:absolute;top:0;width:100%}.overlay[data-v-8fd127b0]{background:linear-gradient(to bottom,rgba(5,5,5,.3),var(--color-bg-dark));height:100%}.loyalty-container[data-v-8fd127b0]{align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;position:relative;z-index:10}.loyalty-content[data-v-8fd127b0]{padding-right:20px}.page-title[data-v-8fd127b0]{color:var(--color-primary);font-size:56px;line-height:1;margin-bottom:40px}.features-grid[data-v-8fd127b0]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.feature-item[data-v-8fd127b0]{align-items:center;background:transparent;display:flex;flex-direction:row;justify-content:flex-start;padding:0;text-align:left}.feature-icon-wrapper[data-v-8fd127b0]{align-items:center;display:flex;height:50px;justify-content:center;margin-bottom:0;margin-right:15px;width:50px}.feature-icon[data-v-8fd127b0]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.feature-text[data-v-8fd127b0]{color:#fff;font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:1px}.loyalty-text p[data-v-8fd127b0]{color:#ccc;font-size:16px;line-height:1.8;margin-bottom:20px}.highlight-text[data-v-8fd127b0]{color:#fff!important;font-size:18px!important;font-weight:700;margin-top:30px}.loyalty-form-wrapper[data-v-8fd127b0]{position:sticky;top:140px;z-index:11}.form-card[data-v-8fd127b0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414d9;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:40px}.form-title[data-v-8fd127b0]{color:#fff;font-size:24px;margin-bottom:24px;text-align:center}.form-group[data-v-8fd127b0]{margin-bottom:25px}.form-group label[data-v-8fd127b0]{color:#ccc;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.form-input[data-v-8fd127b0]{background:#0000004d;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;font-family:var(--font-body);font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.form-input[data-v-8fd127b0]:focus{border-color:var(--color-primary);outline:none}.submit-btn[data-v-8fd127b0]{font-size:16px;margin-top:10px;padding:15px;width:100%}.result-box[data-v-8fd127b0]{animation:fadeIn-8fd127b0 .5s ease;background:#0003;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.result-box.success[data-v-8fd127b0]{border:1px solid rgba(0,255,0,.2)}.result-box.error[data-v-8fd127b0]{border:1px solid rgba(255,0,0,.2);color:#ff6b6b}.points-display[data-v-8fd127b0]{align-items:center;display:flex;flex-direction:column;margin-top:10px}.points-value[data-v-8fd127b0]{color:var(--color-primary);font-family:var(--font-heading);font-size:48px;font-weight:700;line-height:1}.points-label[data-v-8fd127b0]{color:var(--color-text-muted);font-size:14px;letter-spacing:2px}.floating-chip[data-v-8fd127b0]{animation:spin-slow-8fd127b0 20s linear infinite;border-radius:50%;opacity:1;pointer-events:none;position:absolute;z-index:1}.chip-1[data-v-8fd127b0]{height:400px;opacity:.3;right:-30%;top:-15%}.chip-2[data-v-8fd127b0]{animation-direction:reverse;animation-duration:25s;height:350px;left:-25%;opacity:.3;top:0}.chip-3[data-v-8fd127b0]{animation-duration:30s;bottom:-50%;height:300px;left:-20%;opacity:.2}.chip-4[data-v-8fd127b0]{animation-direction:reverse;animation-duration:22s;bottom:-20%;height:250px;opacity:.3;right:-15%}@keyframes spin-slow-8fd127b0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeIn-8fd127b0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.loyalty-container[data-v-8fd127b0]{gap:40px;grid-template-columns:1fr}.loyalty-content[data-v-8fd127b0]{padding-right:0}.loyalty-form-wrapper[data-v-8fd127b0]{order:-1;position:static}.chip-1[data-v-8fd127b0]{height:150px;opacity:.8;right:0;top:-50px}.chip-2[data-v-8fd127b0],.chip-3[data-v-8fd127b0],.chip-4[data-v-8fd127b0]{display:none}}.loyalty-actions-section[data-v-8fd127b0]{margin-top:40px;position:relative;width:100%;z-index:10}.actions-title[data-v-8fd127b0]{color:var(--color-primary);font-family:var(--font-heading);font-size:32px;margin-bottom:30px;text-align:center;text-transform:uppercase}.actions-grid[data-v-8fd127b0]{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.action-card[data-v-8fd127b0]{background:#14141499;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.action-card[data-v-8fd127b0]:hover{border-color:#00acef4d;box-shadow:0 10px 30px #00acef26;transform:translateY(-5px)}.card-image-wrapper[data-v-8fd127b0]{height:200px;overflow:hidden;position:relative}.card-image[data-v-8fd127b0]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.action-card:hover .card-image[data-v-8fd127b0]{transform:scale(1.05)}.card-badge[data-v-8fd127b0]{background-color:var(--color-primary);border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:5px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.card-content[data-v-8fd127b0]{display:flex;flex-direction:column;flex-grow:1;padding:20px}.card-meta[data-v-8fd127b0]{color:var(--color-text-muted);display:flex;font-size:11px;justify-content:space-between;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.action-date[data-v-8fd127b0]{color:var(--color-primary);font-weight:600}.card-title[data-v-8fd127b0]{color:#fff;font-family:var(--font-heading);font-size:18px;line-height:1.3;margin-bottom:12px;text-transform:uppercase}.card-text[data-v-8fd127b0]{color:#ccc;flex-grow:1;font-size:13px;line-height:1.5;margin-bottom:20px}.btn-sm[data-v-8fd127b0]{font-size:11px;padding:8px 20px}@media(max-width:992px){.actions-grid[data-v-8fd127b0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.actions-grid[data-v-8fd127b0],.features-grid[data-v-8fd127b0]{grid-template-columns:1fr}}