:root{--bg: #f9fafb;--surface: #ffffff;--surface-2: #f2f4f7;--ink: #101828;--ink-soft: #667085;--ink-faint: #98a2b3;--line: #eaecf0;--line-strong: #d0d5dd;--brand: #101828;--brand-hover: #000000;--brand-ink: #1d2939;--brand-soft: #f2f4f7;--brand-contrast: #ffffff;--points: #a6790f;--points-soft: #f6ecd3;--status-pending: #b54708;--status-pending-soft: #fffaeb;--status-confirmed: #027a48;--status-confirmed-soft: #ecfdf3;--status-reversed: #b42318;--status-reversed-soft: #fef3f2;--status-expired: #667085;--status-expired-soft: #f2f4f7;--shadow-color: 16, 24, 40;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif;--font-app-display: "Inter Tight", system-ui, sans-serif;--font-app-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0a0a0a;--surface: #171717;--surface-2: #212121;--ink: #f5f5f5;--ink-soft: #a3a3a3;--ink-faint: #737373;--line: #2b2b2b;--line-strong: #3d3d3d;--brand: #ffffff;--brand-hover: #f5f5f5;--brand-ink: #e5e5e5;--brand-soft: #212121;--brand-contrast: #0a0a0a;--points: #ecb95e;--points-soft: #40311a;--status-pending: #ecb95e;--status-pending-soft: #40311a;--status-confirmed: #6fe0ac;--status-confirmed-soft: #1c3d30;--status-reversed: #f29880;--status-reversed-soft: #402620;--status-expired: #a3a3a3;--status-expired-soft: #212121;--shadow-color: 0, 0, 0}}:root[data-theme=dark]{--bg: #0a0a0a;--surface: #171717;--surface-2: #212121;--ink: #f5f5f5;--ink-soft: #a3a3a3;--ink-faint: #737373;--line: #2b2b2b;--line-strong: #3d3d3d;--brand: #ffffff;--brand-hover: #f5f5f5;--brand-ink: #e5e5e5;--brand-soft: #212121;--brand-contrast: #0a0a0a;--points: #ecb95e;--points-soft: #40311a;--status-pending: #ecb95e;--status-pending-soft: #40311a;--status-confirmed: #6fe0ac;--status-confirmed-soft: #1c3d30;--status-reversed: #f29880;--status-reversed-soft: #402620;--status-expired: #a3a3a3;--status-expired-soft: #212121;--shadow-color: 0, 0, 0}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-app-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-app-display);font-weight:600;text-wrap:balance;margin:0}.landing,.landing input,.landing textarea,.landing select{font-family:var(--font-body)}.landing h1,.landing h2,.landing h3{font-family:var(--font-display)}button,input,select,textarea{font-family:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.app-shell{display:flex;flex-direction:column;min-height:100dvh;width:100%}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px clamp(16px,4vw,48px) 96px;display:flex;flex-direction:column;gap:20px}.bottom-nav__inner{width:100%;max-width:640px;margin:0 auto;display:flex;justify-content:space-around}@media (min-width: 860px){.dashboard{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-template-areas:"balance activity" "code activity" "cta activity";gap:20px;align-content:start}.dashboard__balance{grid-area:balance}.dashboard__code{grid-area:code}.dashboard__activity{grid-area:activity}.dashboard__cta{grid-area:cta;align-self:start}.redeem-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tx-list,.redemption-history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}main{padding-bottom:48px}}main>h1{font-size:21px;letter-spacing:-.01em;margin-bottom:-8px}.landing{--brand: #1f1c59;--brand-hover: #15123d;--brand-ink: #2e2a78;--brand-soft: #e7e6f5;--brand-contrast: #ffffff;min-height:100dvh;background:radial-gradient(560px circle at 50% 0%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 65%),var(--bg);overflow-x:clip}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .landing{--brand: #ffffff;--brand-hover: #f5f5f5;--brand-ink: #e5e5e5;--brand-soft: #212121;--brand-contrast: #0a0a0a}}[data-theme=dark] .landing{--brand: #ffffff;--brand-hover: #f5f5f5;--brand-ink: #e5e5e5;--brand-soft: #212121;--brand-contrast: #0a0a0a}.landing__section-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:24px;text-align:center}.landing__gradient-text{background:linear-gradient(100deg,var(--brand) 10%,var(--points) 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.landing__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:var(--radius-md);font-size:15px;font-weight:600;background:var(--brand);color:var(--brand-contrast);text-decoration:none;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--brand) 65%,transparent);transition:background-color .14s ease,box-shadow .14s ease}.landing__cta:hover{background:var(--brand-hover);box-shadow:0 10px 28px -6px color-mix(in srgb,var(--brand) 70%,transparent)}.landing-nav{position:sticky;top:0;z-index:20;width:100%;border-bottom:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,backdrop-filter .2s ease}.landing-nav--scrolled{background:color-mix(in srgb,var(--bg) 74%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line)}.landing-nav__inner{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-nav__brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.landing-nav__brand img{width:26px;height:26px;border-radius:7px}.landing-nav__links{display:none;gap:28px}@media (min-width: 780px){.landing-nav__links{display:flex}}.landing-nav__links a{font-size:13.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:color .14s ease}.landing-nav__links a:hover{color:var(--ink)}.landing-nav__actions{display:flex;align-items:center;gap:12px}.landing-nav__cta{padding:8px 16px;border-radius:var(--radius-sm);background:var(--brand);color:var(--brand-contrast);font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.landing-hero{position:relative;max-width:1080px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 920px){.landing-hero{grid-template-columns:1.05fr .95fr;padding:88px 24px 64px}}.landing-hero__glow{position:absolute;inset:-100px -10% auto -10%;height:480px;background:radial-gradient(ellipse 42% 80% at 24% 10%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 72%),radial-gradient(ellipse 38% 70% at 72% 6%,color-mix(in srgb,var(--points) 20%,transparent),transparent 70%);pointer-events:none;z-index:-1}.landing-hero__eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);color:var(--brand-ink);font-size:12px;font-weight:600;margin-bottom:18px}.landing-hero__copy h1{font-size:clamp(34px,5.2vw,54px);line-height:1.06;letter-spacing:-.03em}.landing-hero__copy h1 em{font-style:italic;font-weight:400;color:var(--ink-faint)}.landing-hero__copy .landing__subhead{color:var(--ink-soft);font-size:16px;line-height:1.6;max-width:440px;margin:18px 0 26px}.landing-hero__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.landing-hero__secondary{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .14s ease}.landing-hero__secondary:hover{border-color:var(--brand)}@media (max-width: 919px){.landing-hero__copy{text-align:center}.landing-hero__copy .landing__subhead{margin-left:auto;margin-right:auto}.landing-hero__actions{justify-content:center}}.stat-stack{position:relative;display:flex;flex-direction:column;gap:14px;max-width:320px;margin:0 auto}.stat-stack__badge{position:absolute;top:-10px;right:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-faint);z-index:4}.stat-stack__card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 32px -20px rgba(var(--shadow-color),.4)}@media (min-width: 640px){.stat-stack{max-width:340px}.stat-stack__card--0{margin-left:0;z-index:1}.stat-stack__card--1{margin-left:28px;margin-top:-6px;z-index:2}.stat-stack__card--2{margin-left:56px;margin-top:-6px;z-index:3}}.stat-stack__icon{flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-stack__icon--amber{background:var(--points-soft);color:var(--points)}.stat-stack__icon--brand{background:var(--brand-soft);color:var(--brand-ink)}.stat-stack__icon--green{background:var(--status-confirmed-soft);color:var(--status-confirmed)}.stat-stack__text{display:flex;flex-direction:column;min-width:0}.stat-stack__value{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}.stat-stack__label{font-size:12px;color:var(--ink-soft);margin-top:1px;white-space:nowrap}.confetti-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.confetti-burst__dot{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:50%}.landing-timeline{max-width:1080px;margin:0 auto;padding:48px 24px}.landing-timeline__track{position:relative}.landing-timeline__path{display:none}@media (min-width: 780px){.landing-timeline__path{display:block;position:absolute;top:21px;left:8.5%;width:83%;height:2px}}.landing-timeline__steps{display:grid;grid-template-columns:1fr;gap:28px;position:relative}@media (min-width: 780px){.landing-timeline__steps{grid-template-columns:repeat(3,1fr)}}.landing-timeline__step{text-align:center;display:flex;flex-direction:column;align-items:center}.landing-timeline__dot{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.landing-timeline__step h3{font-size:15.5px;margin-bottom:6px}.landing-timeline__step p{color:var(--ink-soft);font-size:13px;line-height:1.55;max-width:240px;margin:0}.landing-wallet{max-width:1080px;margin:0 auto;padding:32px 24px 56px;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}@media (min-width: 860px){.landing-wallet{grid-template-columns:.9fr 1.1fr}}.landing-wallet__copy h2{text-align:left;margin-bottom:12px}.landing-wallet__copy p{color:var(--ink-soft);font-size:14.5px;line-height:1.6;max-width:380px}.landing-wallet__card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:0 24px 48px -28px rgba(var(--shadow-color),.35)}.landing-wallet__balances{display:flex;gap:32px;margin-bottom:16px}.landing-wallet__label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.landing-wallet__value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink)}.landing-wallet__value small{font-size:12px;font-weight:500;color:var(--ink-faint)}.landing-wallet__value--pending{color:var(--status-pending)}.landing-wallet__expiry{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--status-pending-soft);color:var(--status-pending);font-size:12px;font-weight:600;margin-bottom:18px}.landing-wallet__ledger{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:12px}.landing-wallet__row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px;color:var(--ink-soft)}.landing-wallet__row--new{color:var(--ink);font-weight:500}.landing-wallet__amount{font-family:var(--font-mono);font-weight:600;color:var(--status-confirmed)}.landing-wallet__badge{position:absolute;top:20px;right:20px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-faint)}.landing-rewards{max-width:1080px;margin:0 auto;padding:32px 24px 56px}.landing-rewards__track{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 720px){.landing-rewards__track{grid-template-columns:repeat(3,1fr)}}.landing-reward-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;transition:transform .18s var(--ease-out),border-color .18s ease,box-shadow .18s ease}@media (hover: hover) and (pointer: fine){.landing-reward-card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 16px 32px -18px rgba(var(--shadow-color),.4)}.landing-reward-card:hover .landing-reward-card__shine{transform:translate(160%) rotate(20deg)}}.landing-reward-card__shine{position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--brand) 16%,transparent),transparent);transform:translate(-20%) rotate(20deg);transition:transform .65s ease;pointer-events:none}.landing-reward-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-reward-card h3{font-size:16px;margin-bottom:6px}.landing-reward-card p{color:var(--ink-soft);font-size:13px;line-height:1.55;margin:0 0 16px}.landing-reward-card__cost{display:inline-block;font-size:11.5px;font-weight:700;color:var(--points)}.landing-final-cta{padding:8px 24px 64px}.landing-final-cta__inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 32px;border-radius:24px;background:linear-gradient(140deg,var(--brand),var(--brand-hover));color:var(--brand-contrast)}.landing-final-cta__qr{color:var(--brand-contrast);opacity:.9;margin-bottom:10px}.landing-final-cta__inner h2{color:var(--brand-contrast);font-size:26px;letter-spacing:-.02em}.landing-final-cta__inner p{color:var(--brand-contrast);opacity:.85;font-size:14px;margin:6px 0 20px}.landing-final-cta__btn{background:#fff;color:#1f1c59;box-shadow:0 12px 28px -10px #00000059}.landing-final-cta__btn:hover{background:#fff;opacity:.92}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .landing-final-cta__inner{background:var(--surface);border:1px solid var(--line)}:root:not([data-theme=light]) .landing-final-cta__qr,:root:not([data-theme=light]) .landing-final-cta__inner h2{color:var(--ink)}:root:not([data-theme=light]) .landing-final-cta__inner p{color:var(--ink-soft);opacity:1}}[data-theme=dark] .landing-final-cta__inner{background:var(--surface);border:1px solid var(--line)}[data-theme=dark] .landing-final-cta__qr,[data-theme=dark] .landing-final-cta__inner h2{color:var(--ink)}[data-theme=dark] .landing-final-cta__inner p{color:var(--ink-soft);opacity:1}.landing-footer{border-top:1px solid var(--line);padding:24px}.landing-footer__inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-soft)}.landing-footer__links{display:flex;gap:18px}.landing-footer__links a{color:var(--ink-soft);text-decoration:none}.landing-footer__links a:hover{color:var(--ink)}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-stat__value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--ink)}.landing-stat__label{font-size:12px;color:var(--ink-soft)}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100dvh;padding:24px;text-align:center}.auth-gate a{color:var(--brand-ink);font-weight:500}.auth-gate__logo{width:72px;height:72px;border-radius:var(--radius-lg);object-fit:contain;background:var(--surface);border:1px solid var(--line);padding:10px}.auth-gate__card{max-width:380px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.auth-gate__icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-ink);flex-shrink:0}.auth-gate__icon--warn{background:var(--status-reversed-soft);color:var(--status-reversed)}.auth-gate__spin{animation:spin 1s linear infinite}.auth-gate__steps{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.auth-gate__steps-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.auth-gate__step{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-soft);line-height:1.4}.auth-gate__step strong{color:var(--ink)}.auth-gate__step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:transform .14s var(--ease-out),color .14s ease,border-color .14s ease}.app-shell__topbar .theme-toggle,.auth-gate__topbar .theme-toggle,.admin-panel__header .theme-toggle{padding:0}@media (hover: hover) and (pointer: fine){.theme-toggle:hover{color:var(--brand-ink);border-color:var(--brand)}}.theme-toggle:active{transform:scale(.92)}.app-shell__topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;padding:12px 16px 0;background:var(--bg)}.auth-gate__topbar{position:fixed;top:16px;right:16px}.balance-summary{display:flex;gap:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.balance-summary__main,.balance-summary__pending{display:flex;flex-direction:column;gap:4px}.balance-summary__label{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.balance-summary__ring{color:var(--status-pending);animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.balance-summary__value{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1;color:var(--points)}.balance-summary__value--pending{color:var(--status-pending)}.expiry-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:20px;background:var(--status-pending-soft);color:var(--status-pending)}.expiry-badge--urgent{background:var(--status-reversed-soft);color:var(--status-reversed)}.referral-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 20px;text-align:center}.referral-card__qr{width:152px;height:152px;margin-bottom:14px;border-radius:var(--radius-sm);border:1px solid var(--line);padding:8px;background:var(--surface)}.referral-card__code{font-family:var(--font-mono);font-size:19px;font-weight:600;letter-spacing:.04em;margin-bottom:16px}.referral-card__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.btn,.referral-card__actions button,.referral-card__actions a,.cta-button,.redeem-card__body button,.modal__actions button,.dev-login button,.admin-form button,.admin-table button,.admin-panel__header button,.filter-bar__clear{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s ease,border-color .14s ease}@media (hover: hover) and (pointer: fine){.referral-card__actions button:hover,.referral-card__actions a:hover,.redeem-card__body button:hover,.modal__actions button:hover,.dev-login button:hover,.admin-form button:hover,.admin-table button:hover,.admin-panel__header button:hover,.filter-bar__clear:hover{border-color:var(--brand);color:var(--brand-ink)}}.referral-card__actions button:active,.referral-card__actions a:active,.cta-button:active,.redeem-card__body button:active,.modal__actions button:active,.dev-login button:active,.admin-form button:active,.admin-table button:active,.admin-panel__header button:active{transform:scale(.97)}.cta-button,.redeem-card__body button,.dev-login button,.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);font-weight:600}@media (hover: hover) and (pointer: fine){.cta-button:hover,.redeem-card__body button:hover,.dev-login button:hover,.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--brand-contrast)}}.cta-button:disabled,.redeem-card__body button:disabled,.dev-login button:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.cta-button{display:block;text-align:center;padding:13px;border-radius:var(--radius-md)}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.section-header h2{font-size:15px}.section-header a{font-size:13px;color:var(--brand-ink);font-weight:500;text-decoration:none}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter-bar select,.filter-bar input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:7px 9px;font-size:13px;background:var(--surface);color:var(--ink)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:20px;white-space:nowrap}.status-badge--pending{background:var(--status-pending-soft);color:var(--status-pending)}.status-badge--confirmed{background:var(--status-confirmed-soft);color:var(--status-confirmed)}.status-badge--reversed{background:var(--status-reversed-soft);color:var(--status-reversed)}.status-badge--expired{background:var(--status-expired-soft);color:var(--status-expired)}.status-tracker{list-style:none;display:flex;margin:0;padding:10px 0 2px}.status-tracker__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;font-size:11px;color:var(--ink-faint);text-align:center}.status-tracker__step:not(:last-child):after{content:"";position:absolute;top:5px;left:55%;width:90%;height:2px;background:var(--line);z-index:0}.status-tracker__step--done:not(:last-child):after{background:var(--status-confirmed)}.status-tracker__dot{width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--line-strong);z-index:1;transition:background-color .2s ease,border-color .2s ease}.status-tracker__step--done .status-tracker__dot{background:var(--status-confirmed);border-color:var(--status-confirmed)}.status-tracker__step--current .status-tracker__dot{border-color:var(--status-pending);background:var(--status-pending-soft);box-shadow:0 0 0 4px var(--status-pending-soft)}.status-tracker__step--current .status-tracker__label{color:var(--status-pending);font-weight:600}.status-tracker__step--done .status-tracker__label{color:var(--status-confirmed)}.status-tracker--halted{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--status-reversed);padding:8px 0}.status-tracker__halted-dot{width:8px;height:8px;border-radius:50%;background:var(--status-reversed);flex-shrink:0}.tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tx-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;opacity:0;transform:translateY(6px);animation:item-enter .32s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes item-enter{to{opacity:1;transform:translateY(0)}}.tx-item__main{display:flex;flex-direction:column;gap:2px}.tx-item__activity{font-weight:600;font-size:14px}.tx-item__person{font-size:12.5px;color:var(--ink-soft)}.tx-item__meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ink-faint)}.tx-item__points{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--points);font-size:13.5px}.redeem-page__balance{color:var(--points);font-weight:600;font-variant-numeric:tabular-nums}.redeem-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:10px}.redeem-cards{display:grid;grid-template-columns:1fr;gap:12px}.redeem-card{border-radius:var(--radius-lg);overflow:hidden}.redeem-card__body{padding:18px;display:flex;flex-direction:column;gap:4px}.redeem-card__eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;opacity:.85}.redeem-card h3{font-size:16px;margin:2px 0 4px}.redeem-card__rate,.redeem-card__min{font-size:13px;margin:0;opacity:.8}.redeem-card__nudge{font-size:12.5px;color:var(--ink-faint);margin:10px 0 0;font-style:italic}.redeem-card__body button{align-self:flex-start;margin-top:10px}.redeem-card--disabled{opacity:.65}.redeem-card--merch{background:var(--surface);border:1px solid var(--line)}.redeem-card--merch .redeem-card__preview{height:64px;background:repeating-linear-gradient(135deg,var(--brand-soft),var(--brand-soft) 10px,var(--surface-2) 10px,var(--surface-2) 20px)}.redeem-card--merch .redeem-card__eyebrow{color:var(--brand-ink)}.redeem-card--voucher{background:var(--points-soft);border:1px dashed var(--points)}.redeem-card--voucher .redeem-card__eyebrow{color:var(--points)}.redeem-card--cash{background:var(--surface);border:1px solid var(--line-strong);border-left:3px solid var(--status-confirmed)}.redeem-card--cash .redeem-card__eyebrow{color:var(--status-confirmed)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--shadow-color),.45);display:flex;align-items:flex-end;justify-content:center;z-index:40;opacity:1;transition:opacity .2s ease}@starting-style{.modal-backdrop{opacity:0}}.modal{background:var(--surface);width:100%;max-width:480px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));transform-origin:center;transform:translateY(0);opacity:1;transition:transform .22s var(--ease-out),opacity .22s var(--ease-out);box-shadow:0 -12px 32px -8px rgba(var(--shadow-color),.16)}@starting-style{.modal{transform:translateY(24px);opacity:0}}.modal h2{font-size:17px;margin-bottom:14px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-soft);font-weight:500}.modal input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 11px;font-size:15px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.modal__slider{width:100%;margin:12px 0 4px;accent-color:var(--brand)}.modal__hint{font-size:12.5px;color:var(--ink-faint);margin:8px 0 0}.modal__note{font-size:13px;color:var(--ink-soft);margin:8px 0 0;line-height:1.5}.modal__tracker-preview{margin-top:6px;opacity:.85}.modal__error{color:var(--status-reversed);font-size:13px;margin:10px 0 0}.modal__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.voucher-result h2{color:var(--status-confirmed)}.voucher-result__code-row{display:flex;gap:8px;align-items:center;margin:12px 0}.voucher-result__code{font-family:var(--font-mono);font-size:17px;font-weight:600;letter-spacing:.04em;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);padding:8px 12px;flex:1}.voucher-result__code--inline{font-size:12px;padding:3px 8px;margin:0}.redemption-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.redemption-history-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.redemption-history-item__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.redemption-history-item__name{font-weight:600;font-size:14px}.redemption-history-item__date{font-size:12px;color:var(--ink-faint)}.redemption-history-item__resolved{display:flex;align-items:center;gap:10px;margin-top:8px}.redemption-history-item__ref{font-size:12.5px;color:var(--ink-soft);margin:6px 0 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.bottom-nav__inner{display:flex;justify-content:space-around}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 16px;border-radius:var(--radius-md);color:var(--ink-faint);text-decoration:none;font-size:11.5px;font-weight:500;transition:color .14s ease,background-color .14s ease}@media (hover: hover) and (pointer: fine){.bottom-nav__link:hover{color:var(--ink-soft)}}.bottom-nav__link.active{color:var(--brand-ink);font-weight:600;background:var(--brand-soft)}@media (min-width: 860px){.app-shell__topbar{position:static}.bottom-nav{position:sticky;top:0;bottom:auto;left:auto;right:auto;border-top:none;border-bottom:1px solid var(--line);padding:8px 0}.bottom-nav__inner{max-width:1200px;justify-content:center;gap:8px}.bottom-nav__link{flex-direction:row;gap:7px;padding:8px 18px}}.page-status{color:var(--ink-soft);font-size:13.5px}.page-status--error{color:var(--status-reversed)}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);padding:20px;text-align:center;color:var(--ink-soft);font-size:13.5px}.empty-state--nudge{display:flex;flex-direction:column;gap:10px;align-items:center}.empty-state__cta{color:var(--brand-ink);font-weight:600;font-size:13px;text-decoration:none}.dev-login__banner{background:var(--status-pending-soft);color:var(--status-pending);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:18px;text-align:center}.dev-login{max-width:420px;margin:40px auto;padding:0 20px}.dev-login h1{font-size:20px;margin-bottom:16px}.dev-login form{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.dev-login label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink-soft);font-weight:500}.dev-login input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 11px;font-size:14px;background:var(--surface);color:var(--ink)}.dev-login button{border-radius:var(--radius-md);padding:11px}.admin-panel{--bg: #f2f3f5;--surface: #ffffff;--surface-2: #e9ebee;--ink: #14161a;--ink-soft: #5b6068;--ink-faint: #8b9198;--line: #dde0e4;--line-strong: #c6cbd1;--brand: var(--status-confirmed);--brand-hover: #17694a;--brand-ink: var(--status-confirmed);--brand-soft: var(--status-confirmed-soft);--points: var(--ink);color:var(--ink);width:100%;padding:24px clamp(20px,4vw,72px) 60px;font-family:var(--font-body);background:var(--bg);min-height:100dvh;font-size:13.5px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .admin-panel{--bg: #0c0e12;--surface: #14171c;--surface-2: #1c2027;--ink: #eef1f4;--ink-soft: #9aa3ac;--ink-faint: #6a7178;--line: #262b32;--line-strong: #383f47}}:root[data-theme=dark] .admin-panel{--bg: #0c0e12;--surface: #14171c;--surface-2: #1c2027;--ink: #eef1f4;--ink-soft: #9aa3ac;--ink-faint: #6a7178;--line: #262b32;--line-strong: #383f47}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.admin-panel__header h1{font-size:20px;font-family:var(--font-display)}.admin-tabs{display:flex;gap:4px;margin:14px 0 0;border-bottom:1px solid var(--line)}.admin-tabs button{border:none;background:none;padding:8px 14px;font-size:13px;font-weight:500;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent;transition:color .14s ease,border-color .14s ease}.admin-tabs button.active{color:var(--ink);border-color:var(--brand);font-weight:600}.admin-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;margin-top:18px}.admin-section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.admin-section h2{margin:0;font-size:15px;font-family:var(--font-display)}.admin-section h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:16px 0 8px}.admin-subsection{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.admin-subsection:first-of-type{padding-top:0;margin-top:0;border-top:none}.admin-stat-row{display:flex;gap:28px;margin-bottom:4px;flex-wrap:wrap}.admin-stat{display:flex;flex-direction:column;gap:2px}.admin-stat__label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-stat__value{font-family:var(--font-mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.admin-list{margin:0 0 8px;padding-left:18px;font-size:13px;color:var(--ink)}.admin-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}.admin-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:600;border-bottom:1px solid var(--line);padding:7px 9px}.admin-table td{padding:8px 9px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.admin-table tbody tr{transition:background-color .12s ease}@media (hover: hover) and (pointer: fine){.admin-table tbody tr:hover{background:var(--surface-2)}}.admin-table code{font-family:var(--font-mono);font-size:12px}.admin-table__actions{display:flex;gap:6px}.admin-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-form input,.admin-form select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px;background:var(--surface);color:var(--ink);min-width:200px}.admin-form input[type=number]{min-width:110px}.admin-form input[type=checkbox]{min-width:0}.admin-form button{border-radius:var(--radius-sm)}.admin-textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 11px;font-size:13.5px;font-family:inherit;background:var(--surface);color:var(--ink);resize:vertical}.admin-preview{margin-top:14px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm);font-size:12.5px;color:var(--ink-soft);line-height:1.6}.admin-preview strong{color:var(--ink);font-variant-numeric:tabular-nums}.admin-queue-group{margin-bottom:18px}.admin-queue-group__title{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:0 0 8px;display:flex;align-items:center;gap:8px}.admin-queue-group__count{background:var(--surface-2);border-radius:20px;padding:1px 8px;font-weight:600}.admin-fraud-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.admin-fraud-row:last-child{border-bottom:none}.admin-fraud-row__code{font-family:var(--font-mono);font-size:12.5px}.admin-fraud-row__flag{color:var(--status-reversed);font-weight:600;font-size:12px}.admin-export{font-size:12.5px;color:var(--brand-ink);background:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer}.modal--admin h2{font-family:var(--font-display)}.admin-login-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}.admin-login-screen .dev-login{margin:0}.pts-page{--pts-line: rgba(128, 128, 128, .25);--pts-track: rgba(128, 128, 128, .18);--pts-ok: #1f7a5a;--pts-warn: #b26b00;--pts-danger: #c0392b;--pts-muted: rgba(128, 128, 128, .75);max-width:720px;margin:0 auto;padding:0 16px 32px}.pts-summary{display:flex;flex-wrap:wrap;gap:8px 32px;margin:16px 0;padding:0}.pts-summary dt{font-size:.85rem;opacity:.7}.pts-summary dd{margin:2px 0 0;font-size:1.35rem;font-weight:600}.pts-alert{margin:0 0 20px;padding:10px 14px;border-left:3px solid var(--pts-warn);background:#b26b001a;border-radius:4px}.pts-alert a{font-weight:600}.pts-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:8px}.pts-filters{display:flex;flex-wrap:wrap;gap:6px}.pts-chip{padding:5px 12px;border:1px solid var(--pts-line);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer}.pts-chip[aria-pressed=true]{border-color:currentColor;font-weight:600}.pts-chip:focus-visible,.pts-sort select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.pts-sort{display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.pts-sort select{font:inherit;padding:4px 8px}.pts-list{list-style:none;margin:0;padding:0}.pts-row{--tone: var(--pts-muted);display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0 14px 12px;border-bottom:1px solid var(--pts-line);border-left:3px solid var(--tone)}.pts-row--ok{--tone: var(--pts-ok)}.pts-row--warn{--tone: var(--pts-warn)}.pts-row--danger{--tone: var(--pts-danger)}.pts-row--muted{--tone: var(--pts-muted)}.pts-row p{margin:0}.pts-row__title{font-weight:600}.pts-row__detail,.pts-row__earned,.pts-row__sub{font-size:.875rem;opacity:.72}.pts-row__earned{margin-top:2px}.pts-row__value{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.pts-row__amount{font-weight:700;font-size:1.05rem}.pts-row__left-over{font-size:.8rem;opacity:.72}.pts-pill{padding:1px 8px;border:1px solid var(--pts-line);border-radius:999px;font-size:.75rem}.pts-row__expiry{grid-column:1 / -1;margin-top:6px}.pts-row__time{font-weight:600;color:var(--tone)}.pts-life{height:4px;margin-top:8px;border-radius:2px;background:var(--pts-track);overflow:hidden}.pts-life span{display:block;height:100%;background:var(--tone)}@media (max-width: 480px){.pts-row{grid-template-columns:1fr}.pts-row__value{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}}.otp-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.otp-page__topbar{position:fixed;top:16px;right:16px;z-index:5}@media (min-width: 768px){.otp-page{padding:2rem}}.otp-container{width:100%;max-width:24rem}.otp-header{text-align:center;margin-bottom:1.5rem}.otp-logo{width:4rem;height:4rem;border-radius:1rem;overflow:hidden;margin:0 auto 1rem;box-shadow:0 0 28px color-mix(in srgb,var(--brand) 50%,transparent)}.otp-logo img{width:100%;height:100%;object-fit:contain}.otp-title{font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}.otp-subtitle{color:var(--ink-soft);font-size:.875rem;margin-top:.25rem}.otp-card{background:var(--surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--line);box-shadow:0 25px 50px -12px rgba(var(--shadow-color),.35)}.step-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.step-dot{height:.5rem;width:.5rem;border-radius:9999px;background:var(--line);transition:all .3s ease}.step-dot--active{width:1.5rem;background:var(--brand)}.step-dot--done{background:color-mix(in srgb,var(--brand) 50%,transparent)}.stack-4>*+*{margin-top:1rem}.stack-5>*+*{margin-top:1.25rem}.tab-switch{display:flex;border-radius:.75rem;background:var(--surface-2);border:1px solid var(--line);padding:.25rem;gap:.25rem}.tab-switch__btn{flex:1;padding:.5rem 0;border-radius:.5rem;font-size:.875rem;font-weight:600;text-transform:capitalize;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.tab-switch__btn:hover{color:var(--ink)}.tab-switch__btn--active{background:var(--brand);color:var(--brand-contrast);box-shadow:0 1px 2px rgba(var(--shadow-color),.25)}.tab-switch__btn--active:hover{color:var(--brand-contrast)}.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.field-input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:.75rem;padding:.75rem 1rem;color:var(--ink);font-size:.875rem;outline:none;transition:border-color .15s ease}.field-input::placeholder{color:var(--ink-soft)}.field-input:focus{border-color:var(--brand)}.error-message{color:var(--status-reversed);font-size:.75rem;text-align:center;background:var(--status-reversed-soft);border-radius:.5rem;padding:.5rem .75rem}.otp-btn-primary{width:100%;padding:.75rem 0;border-radius:.75rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;background:var(--brand);color:var(--brand-contrast);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s ease}.otp-btn-primary:hover:not(:disabled){background:var(--brand-hover)}.otp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.back-btn{display:flex;align-items:center;gap:.375rem;color:var(--ink-soft);font-size:.75rem;font-weight:500;background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.back-btn:hover{color:var(--ink)}.identity-preview{text-align:center;padding:.25rem 0}.identity-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:color-mix(in srgb,var(--brand) 20%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto .5rem}.identity-avatar span{color:var(--brand);font-weight:700;font-size:.875rem}.identity-name{color:var(--ink);font-weight:600}.identity-id{color:var(--ink-soft);font-size:.75rem;margin-top:.125rem;font-family:monospace}.channel-prompt{text-align:center;color:var(--ink);font-size:.875rem;font-weight:600}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.channel-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 0;border-radius:.75rem;border:1.5px solid var(--line);background:var(--surface-2);font-weight:600;font-size:.875rem;color:var(--ink);cursor:pointer;transition:all .15s ease}.channel-btn:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent)}.channel-icon{color:var(--brand)}.contact-list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;padding-right:.25rem}.contact-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--line);cursor:pointer;transition:all .15s ease}.contact-option:hover{background:var(--surface-2)}.contact-option--selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent)}.contact-option--selected:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)}.contact-radio{accent-color:var(--brand)}.contact-label{font-size:.875rem;color:var(--ink);font-family:monospace}.otp-prompt{text-align:center}.otp-prompt__title{color:var(--ink);font-size:.875rem;font-weight:500}.otp-prompt__sub{color:var(--ink-soft);font-size:.75rem;margin-top:.25rem}.otp-mono{font-family:monospace;color:var(--ink)}.otp-boxes{display:flex;gap:.5rem;justify-content:center}.otp-box{width:2.5rem;height:3rem;text-align:center;font-size:1.25rem;font-weight:700;border-radius:.75rem;background:var(--surface-2);border:2px solid var(--line);color:var(--ink);outline:none;transition:all .15s ease}.otp-box:focus{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,transparent)}@media (min-width: 768px){.otp-box{width:2.75rem;height:3.25rem}}.resend-row{text-align:center;font-size:.75rem;color:var(--ink-soft)}.resend-cooldown{font-variant-numeric:tabular-nums}.resend-btn{background:none;border:none;padding:0;color:var(--brand);font-weight:500;cursor:pointer}.resend-btn:hover{text-decoration:underline}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.otp-footer{text-align:center;font-size:.75rem;color:var(--ink-faint);margin-top:1.5rem}.spin{animation:otp-spin 1s linear infinite}@keyframes otp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}