:root{--bg-0:#02050a;--bg-1:#07111e;--bg-2:#0d1725;--bg-3:#111b29;--card:#111b29d6;--card-strong:#141e2cf5;--line:#e0b95c38;--gold:#f2ce7b;--gold-2:#c89b45;--gold-3:#87672c;--silver:#d9dde3;--muted:#8e98a8;--muted-2:#616b7b;--blue:#4198ff;--danger:#ff6767;--success:#8be17d;--shadow:0 24px 70px #0000008c;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--silver);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;background:radial-gradient(circle at 50% 0,#f2ce7b24,#0000 28%),linear-gradient(160deg,#04101d 0%,#02050a 56%,#050608 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{width:min(100%,430px);min-height:100dvh;box-shadow:var(--shadow);background:radial-gradient(circle at 10% -8%,#618ec121,#0000 32%),linear-gradient(#0f1a27fa,#05090ffa);margin:0 auto;position:relative;overflow:hidden auto}.app-shell:before{content:"";pointer-events:none;opacity:.9;background:linear-gradient(90deg,#0000,#ffffff08,#0000),radial-gradient(circle at 50% 104%,#f2ce7b2e,#0000 24%);position:fixed;inset:0}.topbar{height:calc(74px + var(--safe-top));padding:calc(16px + var(--safe-top)) 18px 10px;z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#050b12eb,#050b128a);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.wordmark{object-fit:contain;filter:drop-shadow(0 8px 22px #f2ce7b1f);width:108px;height:auto}.round-button{width:38px;height:38px;color:var(--gold);background:#ffffff0b;border:1px solid #f2ce7b33;border-radius:14px;place-items:center;display:grid;position:relative}.round-button svg{fill:currentColor;width:19px;height:19px}.dot-alert{background:var(--danger);border:1px solid #101823;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.app-content{z-index:2;padding:14px 16px calc(96px + var(--safe-bottom));position:relative}.screen{display:none}.screen.active{animation:.22s both screenIn;display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.member-card{border-radius:var(--radius-lg);min-height:198px;padding:21px 20px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 26px 60px #00000059}.member-card.plata{background:linear-gradient(135deg,#ffffff1c,#ffffff05 38%,#0000002e 100%),repeating-linear-gradient(112deg,#ffffff08 0 1px,#0000 1px 8px),linear-gradient(145deg,#2a3040,#12161e 70%);border:1px solid #b4becd61}.member-card.plata .card-glow{background:radial-gradient(circle,#b4c3d738,#0000 63%)}.member-card.plata .card-topline span:first-child{color:#d4dbe6}.member-card.plata .level-pill{color:#1a1e26;background:linear-gradient(#e8edf4,#9aa5b4)}.member-card.plata .card-meta-grid strong{color:#c8ced8}.member-card.plata:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:180px;height:420px;position:absolute;top:-160px;left:110px;transform:rotate(39deg)}.member-card.vip{background:repeating-linear-gradient(112deg,#ffffff04 0 1px,#0000 1px 10px),linear-gradient(145deg,#0a0a0a,#000 70%);border:1px solid #f2ce7b59}.member-card.vip .card-glow{background:radial-gradient(circle,#f2ce7b1a,#0000 63%)}.member-card.vip .card-topline span:first-child{color:var(--gold)}.member-card.vip .level-pill{color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d)}.member-card.vip h1{color:var(--gold)}.member-card.vip .card-meta-grid small{color:#f2ce7b80}.member-card.vip .card-meta-grid strong{color:var(--gold)}.member-card.vip:after{content:"";background:linear-gradient(90deg,#0000,#f2ce7b0a,#0000);width:180px;height:420px;position:absolute;top:-160px;left:110px;transform:rotate(39deg)}.member-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:180px;height:420px;position:absolute;top:-160px;left:110px;transform:rotate(39deg)}.card-glow{background:radial-gradient(circle,#f2ce7b47,#0000 63%);width:180px;height:180px;position:absolute;bottom:-88px;right:-48px}.card-topline,.card-meta-grid,.member-card h1{z-index:1;position:relative}.card-topline{color:#f8f0dc;justify-content:space-between;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:800;display:flex}.level-pill{letter-spacing:.06em;color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d);border-radius:999px;padding:7px 11px;font-family:inherit;font-size:11px;box-shadow:inset 0 1px #ffffff80}.member-card h1{color:#fff;margin:35px 0 16px;font-size:19px;line-height:1}.card-meta-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card-meta-grid div:last-child{text-align:right}.card-meta-grid small{text-transform:uppercase;letter-spacing:.09em;color:#e1e8f494;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.card-meta-grid strong{color:var(--gold);letter-spacing:.04em;font-size:13px}.balance-card{border-radius:var(--radius-lg);background:#0f1825e0;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;min-height:78px;margin-top:14px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff0f}.balance-card small,.screen-title span,.pending-badge small,.redeem-body small,.merchant-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px;font-weight:800}.balance-card strong{color:var(--gold);letter-spacing:-.04em;font-size:clamp(28px,8vw,38px);line-height:1.05;display:block}.pending-badge{text-align:center;border-left:1px solid #ffffff1c;min-width:92px;padding-left:15px}.pending-badge strong{letter-spacing:.02em;color:#f4f6fb;font-size:20px}.primary-action{color:#16110b;background:linear-gradient(#ffe69d,#d4a34f);border-radius:19px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;margin-top:14px;padding:0 20px;font-weight:900;display:flex;box-shadow:0 16px 28px #d0a04b29,inset 0 1px #ffffff8c}.primary-action small{text-transform:uppercase;letter-spacing:.05em;opacity:.82;text-align:right;font-size:10px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.quick-actions button{min-height:76px;color:var(--silver);background:linear-gradient(#ffffff13,#ffffff05);border:1px solid #ffffff14;border-radius:17px;place-items:center;gap:6px;padding:10px 6px;display:grid}.quick-actions span{width:28px;height:28px;color:var(--gold);place-items:center;font-size:19px;display:grid}.quick-actions b{font-size:11px}.app-panel{border-radius:var(--radius-lg);background:#0c121dc7;border:1px solid #ffffff12;margin-top:14px;padding:16px;box-shadow:inset 0 1px #ffffff0d}.section-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.section-header h2{color:#fbfbfb;letter-spacing:-.02em;margin:0;font-size:16px}.section-header button{color:var(--gold);background:0 0;font-size:11px;font-weight:800}.benefit-feature{grid-template-columns:92px 1fr;align-items:center;gap:13px;display:grid}.benefit-feature img{object-fit:cover;background:#111;border:1px solid #f2ce7b2e;border-radius:16px;width:92px;height:108px}.benefit-feature h3,.redeem-body h2{color:#fff;margin:5px 0;font-size:17px;line-height:1.1}.benefit-feature p,.redeem-body p,.screen-title p,.modal-card p,.progress-block p{color:#aab2bf;margin:0;font-size:13px;line-height:1.45}.mini-button,.redeem-body button{color:#16110b;background:linear-gradient(#ffe6a0,#d1a24d);border-radius:999px;min-height:32px;margin-top:9px;padding:0 13px;font-size:11px;font-weight:900}.timeline-list article{border-bottom:1px solid #ffffff0f;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.timeline-list article:last-child{border-bottom:0}.status-dot{border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 4px #ffffff08}.status-dot.gold{background:var(--gold)}.status-dot.silver{background:#d5d9e0}.status-dot.blue{background:var(--blue)}.timeline-list b{color:#f3f5fa;font-size:12.5px;display:block}.timeline-list small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.timeline-list time{color:var(--muted-2);font-size:10px}.screen-title{margin:4px 2px 16px}.screen-title h1{color:#fff;letter-spacing:-.05em;margin:6px 0;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.02}.points-overview{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.points-overview article{text-align:center;background:#ffffff0b;border:1px solid #ffffff12;border-radius:18px;min-height:105px;padding:14px 9px}.points-overview small{color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.points-overview strong{color:var(--gold);letter-spacing:-.05em;font-size:28px;display:block}.points-overview span{color:var(--muted);font-size:11px}.pending-list article{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:16px;padding:13px 0;display:flex}.pending-list article:last-child{border-bottom:0}.pending-list b{color:#fff;font-size:13px;display:block}.pending-list small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.pending-list strong{color:var(--gold)}.member-id-card{background:linear-gradient(135deg,#ffffff14,#ffffff06);border:1px solid #f2ce7b26;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:15px;display:flex}.member-id-card small,.member-id-card span{color:var(--muted);font-size:11px;display:block}.member-id-card strong{color:#fff;margin:4px 0;display:block}.mini-qr{background:#e6e9ee;border-radius:14px;flex:0 0 72px;grid-template-columns:repeat(2,1fr);gap:5px;height:72px;padding:10px;display:grid}.mini-qr i{background:#101622;border-radius:3px}.segmented-control{background:#ffffff0b;border:1px solid #ffffff0e;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;padding:5px;display:grid}.segmented-control button{height:36px;color:var(--muted);background:0 0;border-radius:13px;font-size:12px;font-weight:800}.segmented-control button.active{color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d)}.redeem-grid{gap:13px;display:grid}.redeem-card{background:#0c121dd6;border:1px solid #ffffff12;border-radius:22px;overflow:hidden}.redeem-card img,.redeem-media{object-fit:cover;background:#111;width:100%;height:132px;display:block}.redeem-media{background:radial-gradient(circle at 70% 10%,#f2ce7b61,#0000 25%),linear-gradient(135deg,#1a2230,#080d14 70%);place-items:center;display:grid}.redeem-media span{width:76px;height:76px;color:var(--gold);letter-spacing:.08em;border:1px solid #f2ce7b80;border-radius:50%;place-items:center;font-weight:900;display:grid}.gold-media{background:linear-gradient(135deg,#2a2115,#0b0b0d 60%)}.gold-media span{font-size:25px}.redeem-body{padding:15px}.redeem-body>div:last-child{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.redeem-body>div:last-child span{color:var(--gold);font-weight:900}.profile-hero{text-align:center;background:radial-gradient(circle at 50% 0,#f2ce7b33,#0000 38%),#0c121dbd;border:1px solid #f2ce7b24;border-radius:26px;padding:22px 18px}.avatar{color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 12px;font-size:28px;font-weight:900;display:grid}.profile-hero h1{color:#fff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px}.profile-hero p{color:var(--muted);margin:4px 0 8px}.profile-hero span{color:var(--success);background:#8be17d14;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.progress-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--gold-3), var(--gold));height:100%;display:block}.progress-block p{margin-top:10px}.progress-block small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.settings-list{gap:10px;margin-top:14px;display:grid}.settings-list button{text-align:left;color:var(--silver);background:#0c121dc7;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.settings-list span:first-child{width:40px;height:40px;color:var(--gold);background:#f2ce7b14;border-radius:14px;place-items:center;display:grid}.settings-list b{color:#fff;font-size:13px;display:block}.settings-list small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.bottom-nav{z-index:30;width:min(100%,430px);padding:8px 12px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#03070cf0;border-top:1px solid #f2ce7b1f;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{min-height:54px;color:var(--muted-2);background:0 0;border-radius:18px;place-items:center;gap:4px;font-size:10px;font-weight:800;display:grid}.bottom-nav svg{fill:currentColor;width:20px;height:20px}.bottom-nav button.active{color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d)}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000ab;place-items:center;padding:17px;animation:.18s both fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay .modal-card{width:min(100%,395px);animation:.22s both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.modal-card{box-shadow:var(--shadow);background:linear-gradient(#131c29fa,#070b12fa);border:1px solid #f2ce7b38;border-radius:26px;padding:24px;position:relative}.modal-close{width:34px;height:34px;color:var(--silver);background:#ffffff0f;border-radius:12px;position:absolute;top:13px;right:13px}.modal-icon{width:52px;height:52px;color:var(--gold);background:#f2ce7b14;border:1px solid #f2ce7b2e;border-radius:18px;place-items:center;margin-bottom:13px;font-size:25px;display:grid}.modal-card h2{color:#fff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:24px}.modal-subtitle{font-weight:800;color:var(--gold)!important;margin:4px 0 16px!important}.modal-summary{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.modal-summary div{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:15px;padding:13px}.modal-summary small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;display:block}.modal-summary strong{color:var(--gold);margin-top:4px;display:block}.modal-action{justify-content:center;margin-top:18px}.toast{left:50%;bottom:calc(92px + var(--safe-bottom));z-index:60;opacity:0;pointer-events:none;color:#17110a;background:linear-gradient(#ffe6a0,#d1a24d);border-radius:18px;width:min(100% - 36px,385px);padding:14px 16px;font-weight:900;transition:all .22s;position:fixed;transform:translate(-50%,20px);box-shadow:0 18px 38px #0000006b}.toast.show{opacity:1;transform:translate(-50%)}@media (min-width:768px){body{place-items:center;min-height:100dvh;padding:28px 0;display:grid}.app-shell{border:10px solid #ffffff14;border-radius:44px;min-height:min(900px,100dvh - 56px);max-height:900px}.bottom-nav{border-bottom-right-radius:34px;border-bottom-left-radius:34px;position:fixed;bottom:calc(50dvh + min(900px,100dvh - 56px)/-2)}.topbar{border-top-left-radius:34px;border-top-right-radius:34px}}@media (max-width:360px){.app-content{padding-left:12px;padding-right:12px}.quick-actions{gap:7px}.quick-actions button{min-height:70px}.benefit-feature{grid-template-columns:82px 1fr}.benefit-feature img{width:82px;height:100px}.member-card{padding:18px 16px}}.nps-slider{text-align:center;margin:18px 0 6px}.nps-slider input[type=range]{appearance:none;background:linear-gradient(90deg,#ff6767 0%,#ffb347 50%,#8be17d 100%);border-radius:99px;outline:none;width:100%;height:8px}.nps-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--gold);cursor:pointer;background:#fff;border-radius:50%;width:28px;height:28px;box-shadow:0 4px 12px #0000004d}.nps-value{letter-spacing:-.04em;margin-top:10px;font-size:48px;font-weight:900}.nps-labels{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.nps-trigger{border:1px solid var(--line);color:var(--gold);cursor:pointer;background:#f2ce7b14;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.nps-trigger:hover{background:#f2ce7b24}.referral-code-box{border:1px solid var(--line);background:linear-gradient(145deg,#f2ce7b14,#ffffff08);border-radius:22px;padding:24px}.referral-code-box small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.referral-code-box strong{color:var(--gold);letter-spacing:.06em;font-size:24px;display:block}.referral-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.referral-stats article{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:16px 12px}.referral-stats article small{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.referral-stats article strong{color:var(--text);font-size:28px;display:block}.referral-stats article.converted strong{color:var(--gold)}