:root{--brand:#ff5a2a;--ink:#15213a;--muted:#6f7888;--line:#e7e9ee;--surface:#fff;--bg:#f6f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% -20%,#ffe6dc,transparent 35%),var(--bg)}button,input{font:inherit}.loyalty-app{width:min(100%,540px);min-height:100vh;margin:0 auto;padding:clamp(18px,5vw,34px) 18px 44px;display:grid;align-content:start;gap:16px}.boot-card,.panel,.join-card,.recovery-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(24,34,56,.08)}.boot-card{min-height:200px;display:grid;place-items:center;align-content:center;gap:9px}.boot-card small{color:var(--muted)}.loader{width:34px;height:34px;border-radius:50%;border:3px solid #ffe1d6;border-top-color:var(--brand);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brandline{display:flex;justify-content:space-between;align-items:center}.s2-logo{font-weight:950;font-size:18px;letter-spacing:-.04em}.s2-logo span{color:var(--brand)}.secure-pill{font-size:9px;font-weight:900;letter-spacing:.09em;color:#27814e;background:#eaf8f0;border-radius:999px;padding:7px 9px}.hero{padding:8px 2px}.hero span{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--brand)}.hero h1{font-size:clamp(30px,9vw,46px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 10px}.hero p{color:var(--muted);line-height:1.65;margin:0}.join-card,.recovery-card,.panel{padding:22px}.join-card h2,.recovery-card h2{font-size:20px;margin:0 0 5px}.join-card>p,.recovery-card>p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 18px}.form{display:grid;gap:13px}.form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#5d687a}.form input{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;color:var(--ink);background:#fff;outline:0}.form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,90,42,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f7;border-radius:12px;padding:4px}.contact-tabs button{border:0;background:transparent;border-radius:9px;padding:9px;font-size:11px;font-weight:850;color:var(--muted)}.contact-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 10px rgba(20,30,50,.06)}.check{display:flex!important;grid-template-columns:20px 1fr!important;align-items:flex-start;gap:9px!important;font-weight:600!important;line-height:1.5!important}.check input{width:18px!important;height:18px;padding:0}.check a{color:var(--brand)}.primary,.secondary,.wallet-button{border:0;border-radius:13px;min-height:48px;padding:0 16px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(255,90,42,.22)}.secondary{background:#f4f5f7;color:var(--ink)}.link-button{border:0;background:transparent;color:var(--brand);font-weight:850;padding:8px}.fineprint{font-size:9px;color:#9097a3;text-align:center;line-height:1.55}.error{border-radius:14px;background:#fff0f0;color:#a93838;padding:12px;font-size:11px;font-weight:750}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#17233d;color:#fff;border-radius:13px;padding:12px 15px;font-size:11px;font-weight:750;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 16px 35px rgba(0,0,0,.2)}.toast.show{opacity:1;transform:translate(-50%,0)}
.wallet-card{--card:#ff5a2a;--text:#fff;min-height:380px;border-radius:30px;padding:26px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card),#111 20%));color:var(--text);box-shadow:0 28px 62px color-mix(in srgb,var(--card),transparent 68%);position:relative;overflow:hidden;display:flex;flex-direction:column}.wallet-card:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid rgba(255,255,255,.2);right:-135px;top:-155px}.wallet-card-head,.wallet-card-body,.wallet-card-footer{position:relative;z-index:1}.wallet-card-head{display:flex;justify-content:space-between;align-items:center}.wallet-card-head b{font-size:11px;letter-spacing:.13em}.wallet-card-head span{font-size:9px;font-weight:900;background:rgba(255,255,255,.16);padding:7px 9px;border-radius:999px}.wallet-card-body{margin:auto 0}.wallet-card-body>span{font-size:10px;opacity:.78}.wallet-card-body h1{font-size:32px;line-height:1.05;margin:9px 0 4px}.wallet-card-body>p{margin:0;opacity:.8;font-size:12px}.count{margin-top:25px}.count b{display:block;font-size:26px}.count small{display:block;margin-top:4px;opacity:.78}.stamps{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.stamps i{width:28px;height:28px;border:2px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px}.stamps i.on{background:#fff;border-color:#fff;color:var(--card)}.wallet-card-footer{display:flex;justify-content:space-between;align-items:flex-end}.wallet-card-footer small{display:block;opacity:.72;font-size:9px;margin-bottom:3px}.wallet-card-footer b{font-size:13px}.qr-shell{background:#fff;padding:8px;border-radius:13px;line-height:0}.qr-shell svg{width:100px;height:100px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallet-button{background:#111;color:#fff}.wallet-button[disabled]{opacity:.48}.reward-list{display:grid;gap:9px}.reward{border:1px solid var(--line);border-radius:16px;padding:15px}.reward span{font-size:9px;color:var(--brand);font-weight:900;letter-spacing:.08em}.reward h3{margin:7px 0 5px}.reward p,.reward small{color:var(--muted);font-size:10px;line-height:1.5}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card-meta div{background:#f6f7f9;border-radius:14px;padding:13px}.card-meta b,.card-meta span{display:block}.card-meta b{font-size:18px}.card-meta span{font-size:9px;color:var(--muted);margin-top:4px}.recovery-success{text-align:center;padding:34px 20px}.recovery-success span{width:54px;height:54px;border-radius:18px;background:#eaf8f0;color:#26834d;display:grid;place-items:center;margin:0 auto 13px;font-size:22px;font-weight:950}.recovery-success h2{margin:0 0 7px}.recovery-success p{color:var(--muted);line-height:1.6}.top-actions{display:flex;justify-content:space-between;align-items:center}.top-actions button{padding-left:0}.web-badge{font-size:9px;color:var(--muted);font-weight:800}.footer-note{text-align:center;color:#949ba7;font-size:9px;line-height:1.6;padding:3px 20px}@supports not (color:color-mix(in srgb,#000,#fff)){.wallet-card{background:var(--card);box-shadow:0 28px 62px rgba(24,34,56,.18)}}@media(max-width:380px){.form-grid,.card-actions,.card-meta{grid-template-columns:1fr}.wallet-card{min-height:430px;padding:21px}.wallet-card-footer{align-items:flex-start;flex-direction:column;gap:15px}.qr-shell{align-self:flex-end}.qr-shell svg{width:92px;height:92px}}
.scratch-panel{background:linear-gradient(145deg,#17233d,#293b5e);color:#fff;overflow:hidden;position:relative}.scratch-panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px dashed rgba(255,255,255,.2);right:-55px;top:-75px}.scratch-panel>span{font-size:9px;letter-spacing:.15em;color:#ff9b78;font-weight:900}.scratch-panel h2{font-size:24px;margin:10px 0 6px;position:relative;z-index:1}.scratch-panel p{font-size:11px;line-height:1.6;color:#ccd5e5;position:relative;z-index:1}.scratch-panel .primary{width:100%;position:relative;z-index:1}
.consent-hero h1{font-size:clamp(29px,8vw,42px)}.consent-panel{padding:20px}.consent-option{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:start!important;gap:11px!important;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.consent-option input{width:19px!important;height:19px;margin:1px 0 0;padding:0}.consent-option span b,.consent-option span small{display:block}.consent-option span b{font-size:12px;color:var(--ink)}.consent-option span small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5;font-weight:600}.consent-option em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.08em;color:#936719;background:#fff3ce;border-radius:999px;padding:6px 8px}.consent-option.is-disabled{opacity:.55;background:#f7f8fa}.consent-note{border-radius:15px;padding:15px;background:#f2f6fc;color:#3d5274}.consent-note b{font-size:11px}.consent-note p{font-size:10px;line-height:1.55;margin:5px 0 0;color:#667a99}.consent-history h2{font-size:18px;margin:0 0 4px}.consent-history>p{color:var(--muted);font-size:10px;margin:0 0 14px}.consent-history>div{display:grid;gap:4px}.consent-history article{display:grid;grid-template-columns:10px 1fr;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.consent-history article>span{width:9px;height:9px;border-radius:50%;background:#a5acb7}.consent-history article>span.granted{background:#2c9b5c}.consent-history article>span.requested{background:#d69a2e}.consent-history article b,.consent-history article small{display:block}.consent-history article b{font-size:11px}.consent-history article small{font-size:9px;color:var(--muted);margin-top:3px}
.wallet-card-footer em{display:block;max-width:170px;margin-top:5px;font-size:8px;font-style:normal;line-height:1.35;opacity:.72}.qr-shell{width:116px;height:116px;display:grid;place-items:center}.qr-shell.is-loading{background:rgba(255,255,255,.92)}.qr-loader{width:27px;height:27px;border-radius:50%;border:3px solid #e6e8ed;border-top-color:var(--card);animation:spin .75s linear infinite}.secondary[disabled]{opacity:.48}@media(max-width:380px){.qr-shell{width:108px;height:108px}}