.ref-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--dark);background:linear-gradient(180deg,#fff5f8,#f5f5f7 320px);min-height:100vh;padding:48px 20px 80px;display:flex;flex-direction:column;align-items:center;gap:18px;line-height:1.55;-webkit-font-smoothing:antialiased}.ref-dash{width:100%;max-width:640px;display:flex;flex-direction:column;gap:18px}.ref-page [hidden]{display:none!important}.ref-hero{text-align:center;max-width:640px;margin:0 auto 12px}.ref-brand{display:inline-block;font-weight:700;font-size:1rem;color:var(--primary);text-decoration:none;margin-bottom:16px;letter-spacing:.02em}.ref-title{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 10px;color:#2a2a2a;font-weight:700}.ref-sub{color:var(--grey);font-size:1rem;margin:0}.ref-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;max-width:640px;padding:28px}.ref-h2{font-size:1.15rem;margin:0 0 8px;color:#2a2a2a;font-weight:700}.ref-muted{color:var(--grey);font-size:.92rem;margin:0 0 14px}.ref-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600;color:var(--primary);margin:0 0 10px}.ref-lookup{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.ref-lookup input{flex:1 1 220px;min-width:0;padding:13px 16px;border:1px solid #e2e2e6;border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.ref-lookup input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6d9926}.ref-lookup button{padding:13px 22px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;cursor:pointer;transition:background .18s,transform .12s}.ref-lookup button:hover{background:var(--primary-hover)}.ref-lookup button:disabled{opacity:.6;cursor:not-allowed}.ref-error{color:#c0392b;font-size:.9rem;margin:12px 0 0}.ref-fineprint{font-size:.85rem;margin-top:18px}.ref-fineprint a{color:var(--primary);text-decoration:none;font-weight:600}.ref-linkbox{display:flex;gap:8px;margin:4px 0 12px}.ref-linkbox input{flex:1;min-width:0;padding:12px 14px;border:1px solid #e2e2e6;border-radius:var(--radius-sm);font-size:.92rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fafafa;color:#333}.ref-copy{padding:12px 18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.92rem;transition:background .18s;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.ref-copy svg{display:block}.ref-copy:hover{background:var(--primary-hover)}.ref-copy.is-copied{background:#2a9d4d}.ref-finehint{font-size:.78rem;margin:0 0 18px;color:#999;letter-spacing:.02em}.ref-identity{width:100%;background:#fff;border-radius:var(--radius-pill);padding:8px 8px 8px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm);border:1px solid #f0eff3}.ref-identity-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.ref-identity-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#ff9bbd 100%);color:#fff;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase}.ref-identity-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.ref-identity-label{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ref-identity-email{font-size:.92rem;color:var(--dark);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ref-identity-switch{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f5f7;color:var(--dark);border:none;border-radius:var(--radius-pill);font-weight:600;font-size:.82rem;cursor:pointer;font-family:inherit;transition:background .18s,color .18s;flex-shrink:0}.ref-identity-switch:hover{background:var(--primary-light);color:var(--primary)}.ref-identity-switch svg{display:block;color:var(--primary)}.ref-share{display:flex;gap:8px;flex-wrap:wrap}.ref-share-btn{padding:9px 14px;background:#f5f5f7;color:var(--dark);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;text-decoration:none;cursor:pointer;transition:background .18s,color .18s,border-color .18s;display:inline-flex;align-items:center;gap:7px;line-height:1}.ref-share-btn svg{display:block;flex-shrink:0;color:var(--primary)}.ref-share-btn:hover svg{color:inherit}.ref-share-btn[data-share=whatsapp]:hover{background:#25d36620;color:#128c7e}.ref-share-btn[data-share=x]:hover{background:#0a0a0a;color:#fff}.ref-share-btn[data-share=facebook]:hover{background:#1877f220;color:#1877f2}.ref-share-btn[data-share=email]:hover,.ref-share-btn.ref-share-native:hover{background:var(--primary-light);color:var(--primary)}.ref-progress-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:12px;flex-wrap:wrap}.ref-progress-head>div{min-width:0}.ref-bignum{font-size:2.2rem;font-weight:800;color:var(--primary);margin:4px 0 0;line-height:1}.ref-track{position:relative;height:12px;background:#f0eff3;border-radius:100px;margin:8px 0 32px}.ref-track-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--primary) 0%,#ff9bbd 100%);border-radius:100px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.ref-track-stops{position:absolute;inset:0}.ref-stop{position:absolute;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;background:#fff;border:2px solid #e2e2e6;border-radius:50%;font-size:.72rem;font-weight:700;color:#999;display:flex;align-items:center;justify-content:center;transition:all .3s}.ref-stop[data-th="1"]{left:20%}.ref-stop[data-th="3"]{left:60%}.ref-stop[data-th="5"]{left:100%}.ref-stop.is-on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #ff6d992e}.ref-progress-hint{font-size:.9rem;margin:0}.ref-rewards{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:12px}.ref-reward{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid #ececf0;border-radius:var(--radius-sm);background:#fff;transition:border-color .2s,background .2s}.ref-reward-icon{flex-shrink:0;width:92px;height:92px;border-radius:14px;background:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:8px;opacity:1;transition:filter .25s,opacity .25s,box-shadow .25s}.ref-reward-icon img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in;transition:transform .18s}.ref-reward-icon img:hover{transform:scale(1.04)}.ref-reward-icon svg{display:block;color:var(--primary)}.ref-reward.is-projected,.ref-reward.is-unlocked{border-color:#ff6d9966;background:linear-gradient(135deg,var(--primary-light) 0%,#fff 80%)}.ref-reward.is-projected .ref-reward-icon,.ref-reward.is-unlocked .ref-reward-icon{filter:none;opacity:1;background:#fff;box-shadow:0 4px 14px #ff6d992e}.ref-reward-body{flex:1;min-width:0}.ref-reward-titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 6px}.ref-reward-title{font-weight:700;font-size:1rem;color:#2a2a2a;margin:0;flex:1;min-width:0}.ref-reward-badge{flex-shrink:0;font-size:.66rem;font-weight:700;padding:3px 10px;border-radius:100px;background:#f0eff3;color:#888;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ref-reward.is-projected .ref-reward-badge{background:var(--primary);color:#fff}.ref-reward.is-unlocked .ref-reward-badge{background:#2a9d4d;color:#fff}.ref-reward-tag{font-size:.88rem;color:var(--grey);margin:0}.ref-friend-note{margin:14px 0 0;padding:14px 16px;background:var(--primary-light);border-radius:var(--radius-sm);font-size:.88rem;color:var(--dark);line-height:1.55}.ref-friend-note strong{color:var(--primary)}.ref-list{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:10px}.ref-list-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fafafa;border-radius:var(--radius-sm);font-size:.9rem}.ref-list-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem;text-transform:uppercase}.ref-list-info{flex:1;min-width:0}.ref-list-email{font-weight:600;color:#2a2a2a;word-break:break-all}.ref-list-meta{color:var(--grey);font-size:.82rem;margin-top:2px}.ref-list-date{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.ref-list-status{font-size:.66rem;font-weight:700;padding:2px 9px;border-radius:100px;background:#fff5e6;color:#b8770e;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.ref-list-when{color:var(--grey);font-size:.78rem}.ref-list-note{font-size:.78rem;color:#999;margin:14px 0 0;padding-top:12px;border-top:1px dashed #ececf0;line-height:1.5}.ref-progress-fineprint{font-size:.9rem;color:var(--dark);margin:16px 0 0;padding:12px 14px;background:var(--primary-light);border-left:3px solid var(--primary);border-radius:8px;line-height:1.55}.ref-progress-fineprint strong{color:var(--primary);font-weight:700}.ref-hero-links{margin:14px 0 0;font-size:.9rem}.ref-hero-links a{color:var(--primary);text-decoration:none;font-weight:600}.ref-hero-links a:hover{text-decoration:underline}.ref-progress-side{text-align:right}.ref-pledged{font-size:1.2rem;font-weight:700;color:var(--dark);margin:4px 0 0;line-height:1}.ref-credit-card .ref-credit-link{color:var(--primary);font-weight:600;text-decoration:none}.ref-credit-card .ref-credit-link:hover{text-decoration:underline}.ref-error-card{text-align:center}.ref-error-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}.ref-primary,.ref-secondary{display:inline-block;padding:12px 24px;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:background .18s}.ref-primary{background:var(--primary);color:#fff}.ref-primary:hover{background:var(--primary-hover)}.ref-secondary{background:#f5f5f7;color:var(--dark)}.ref-secondary:hover{background:#ececf0}.ref-loading{text-align:center;padding:40px 20px}.ref-spinner{width:32px;height:32px;margin:0 auto 14px;border:3px solid #f0eff3;border-top-color:var(--primary);border-radius:50%;animation:ref-spin .8s linear infinite}@keyframes ref-spin{to{transform:rotate(360deg)}}.ref-foot{font-size:.85rem;color:#aaa;margin-top:8px;text-align:center}.ref-foot a{color:var(--primary);text-decoration:none}.ref-foot a:hover{text-decoration:underline}.ref-foot-sep{margin:0 8px;color:#ccc}@media(max-width:520px){.ref-page{padding:32px 14px 60px;gap:14px}.ref-card{padding:22px 18px}.ref-progress-head{flex-direction:column;align-items:flex-start;gap:4px}.ref-bignum{font-size:1.8rem}.ref-stop{width:22px;height:22px;font-size:.65rem}.ref-list-date{display:none}.ref-reward{gap:12px;padding:12px}.ref-reward-icon{width:72px;height:72px;border-radius:12px;padding:6px}}.ref-lightbox{position:fixed;inset:0;background:#000000db;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:ref-lb-fade .18s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ref-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 20px 60px #00000080;background:#fff;padding:12px;animation:ref-lb-pop .22s cubic-bezier(.2,.8,.2,1)}.ref-lightbox-close{position:absolute;top:18px;right:18px;width:40px;height:40px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background .18s}.ref-lightbox-close:hover{background:#ffffff40}@keyframes ref-lb-fade{0%{opacity:0}to{opacity:1}}@keyframes ref-lb-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}