:root{--app-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--klint-teal: #1a535c;--klint-green: #4ecdc4;--klint-gold: #f59e0b;--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-500: #4ecdc4;--teal-600: #2a9d8f;--teal-700: #1a535c;--teal-800: #164e56;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-50: #fffbeb;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--slate-900: #0f172a;--success-bg: #ecfdf5;--success-border: #86efac;--success-text: #166534;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #991b1b;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 16px 48px rgba(15, 23, 42, .1);--gradient-page: linear-gradient(165deg, #f0fdfb 0%, #f0f9ff 42%, #fffbeb 100%);--gradient-brand: linear-gradient(135deg, var(--klint-teal) 0%, var(--klint-green) 55%, var(--klint-gold) 120%);--touch-min: 3rem;--pad-x: max(.875rem, env(safe-area-inset-left, 0px));--pad-x-right: max(.875rem, env(safe-area-inset-right, 0px));--pad-bottom-safe: max(1rem, env(safe-area-inset-bottom, 0px));--mobile-bar-height: calc(var(--touch-min) + 1.25rem + var(--pad-bottom-safe));--app-max-width: 100%}html,body{margin:0;padding:0}*{box-sizing:border-box}body{font-family:var(--app-font);color:var(--slate-900);background:var(--gradient-page);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px}button,a.wallet-btn,.tab-btn,.switch-btn,.page-btn{min-height:var(--touch-min);touch-action:manipulation}.mobile-bottom-bar{display:none}@media (max-width: 640px){:root{--app-max-width: 100%}body{overscroll-behavior-y:none}.mobile-bottom-bar{display:grid;position:fixed;z-index:50;left:0;right:0;bottom:0;gap:.5rem;padding:.65rem var(--pad-x) var(--pad-bottom-safe) var(--pad-x-right);background:#fffffff5;border-top:1px solid var(--slate-200);box-shadow:0 -8px 32px #0f172a14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-bottom-bar--two{grid-template-columns:1fr 1fr}.has-mobile-bottom-bar{padding-bottom:var(--mobile-bar-height)!important}.customer-mobile-nav{display:grid;position:fixed;z-index:50;left:0;right:0;bottom:0;grid-template-columns:1fr 1fr;gap:.35rem;padding:.55rem var(--pad-x) var(--pad-bottom-safe) var(--pad-x-right);background:#fffffff7;border-top:1px solid var(--slate-200);box-shadow:0 -10px 36px #0f172a1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.customer-mobile-nav__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.1rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.68rem;font-weight:800;text-decoration:none;color:var(--slate-500);background:transparent;transition:background .12s,color .12s}.customer-mobile-nav__btn span:first-child{font-size:1.15rem;line-height:1}.customer-mobile-nav__btn.active,.customer-mobile-nav__btn:hover:not(:disabled){color:var(--klint-teal, var(--teal-700));background:var(--teal-50)}.customer-mobile-nav__btn:disabled{opacity:.45}.mobile-sticky-actions{display:grid;position:fixed;z-index:50;left:0;right:0;bottom:0;padding:.65rem var(--pad-x) var(--pad-bottom-safe) var(--pad-x-right);background:#fffffff5;border-top:1px solid var(--slate-200);box-shadow:0 -8px 32px #0f172a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media (max-width: 640px){.button-group--inline,.register-cta--inline,.primary-btn--inline{display:none!important}}@media (min-width: 641px){:root{--app-max-width: 26rem}input,select,textarea{font-size:inherit}.mobile-sticky-actions,.mobile-bottom-bar,.customer-mobile-nav{display:none!important}.has-mobile-bottom-bar{padding-bottom:1rem!important}}:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}.customer-hero-bar{margin-bottom:1rem;padding:1rem 1.1rem 1.1rem;border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,var(--klint-teal, var(--teal-700)),var(--klint-green, var(--teal-500)));box-shadow:0 10px 32px #1a535c38;position:relative;overflow:hidden}.customer-hero-bar:after{content:"";position:absolute;right:-2rem;top:-3rem;width:9rem;height:9rem;border-radius:50%;background:#ffffff1a;pointer-events:none}.customer-hero-bar__top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.customer-hero-bar__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.customer-hero-bar__title{margin:0;font-size:clamp(1.2rem,5vw,1.45rem);font-weight:900;line-height:1.1}.customer-hero-bar__sub{margin:.15rem 0 0;font-size:.78rem;font-weight:600;opacity:.88}.phone-digit-track{display:flex;justify-content:center;gap:.35rem;margin-top:.65rem}.phone-digit-slot{width:1.65rem;height:2rem;display:grid;place-items:center;border-radius:.45rem;font-size:.95rem;font-weight:800;color:var(--slate-400);background:var(--slate-50);border:2px solid var(--slate-200);transition:border-color .15s,background .15s,color .15s,transform .12s}.phone-digit-slot.filled{color:var(--klint-teal, var(--teal-700));background:#fff;border-color:var(--klint-green, var(--teal-500));transform:translateY(-1px)}.phone-digit-slot.current{border-color:var(--klint-teal, var(--teal-700));box-shadow:0 0 0 3px #4ecdc440}.visit-stamps{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.visit-stamp{width:2.15rem;height:2.15rem;display:grid;place-items:center;border-radius:50%;font-size:.95rem;font-weight:900;color:var(--slate-400);background:#fff;border:2px dashed var(--slate-300, var(--slate-200));transition:transform .2s,background .2s,border-color .2s}.visit-stamp.filled{color:#fff;border-style:solid;border-color:transparent;background:linear-gradient(135deg,var(--brand-primary, var(--teal-700)),var(--brand-secondary, var(--teal-500)));transform:scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary, var(--teal-700)) 30%,transparent)}.visit-stamp.goal{border-color:var(--amber-500);background:var(--amber-50);color:var(--amber-500)}.visit-stamp.goal.filled{background:linear-gradient(135deg,var(--amber-500),#ea580c);color:#fff}.reward-ready-banner{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-radius:var(--radius-lg);font-size:.88rem;font-weight:700;color:var(--success-text);background:linear-gradient(135deg,var(--success-bg),#fff);border:1px solid var(--success-border);animation:pulse-ready 2s ease-in-out infinite}.reward-ready-banner span:first-child{font-size:1.35rem;line-height:1}@keyframes pulse-ready{0%,to{box-shadow:0 0 #22c55e26}50%{box-shadow:0 0 0 6px #22c55e00}}@media (min-width: 960px){.layout,.global-shell,.customer-shell,.access-shell,.app-page{position:relative}.layout:before,.global-shell:before,.customer-shell:before,.access-shell:before,.app-page:before{content:"";position:absolute;left:min(3vw,2.5rem);top:8%;width:clamp(10rem,17vw,20rem);height:clamp(10rem,17vw,20rem);border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(15,118,110,.14) 0%,transparent 72%);pointer-events:none;z-index:0}.layout:after,.global-shell:after,.customer-shell:after,.access-shell:after,.app-page:after{content:"";position:absolute;right:min(2vw,2rem);bottom:8%;width:clamp(11rem,19vw,22rem);height:clamp(11rem,19vw,22rem);border-radius:50%;background:radial-gradient(circle at 65% 65%,rgba(245,158,11,.12) 0%,transparent 72%);pointer-events:none;z-index:0}}