:root{--navy:#062f3d;--navy-2:#0a4657;--cyan:#18bfc7;--cyan-dark:#0f8f96;--ice:#eef9f9;--ink:#102427;--muted:#5c7076;--line:#dbe8ea;--white:#fff;--shadow:0 24px 70px rgba(6,47,61,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}[hidden]{display:none!important}.announcement{min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 18px;background:var(--cyan);color:#052a34;font-size:11px;font-weight:850;letter-spacing:.13em;text-align:center;text-transform:uppercase}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(219,232,234,.8);background:#fff}.brand img{display:block;width:132px;height:auto}.shop-link{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:13px;font-weight:800;text-decoration:none}.shop-link span{color:var(--cyan-dark);font-size:18px}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,470px);gap:clamp(45px,8vw,120px);align-items:center;padding:clamp(58px,8vw,105px) clamp(24px,7vw,110px);background:radial-gradient(circle at 78% 15%,rgba(24,191,199,.21),transparent 30%),linear-gradient(135deg,#052d3a 0%,#083f4f 60%,#062f3d 100%);color:#fff}.hero-copy{max-width:720px}.eyebrow{margin:0 0 10px;color:var(--cyan-dark);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.hero .eyebrow,.points-hero .eyebrow{color:#69e2e7}.hero h1{margin:0;font-size:clamp(56px,7.5vw,104px);line-height:.85;letter-spacing:-.055em}.hero h1 span{color:var(--cyan)}.hero-lead{max-width:650px;margin:28px 0 0;color:#d7e8ea;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.trust-row{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px;color:#d7e8ea;font-size:13px;font-weight:750}.trust-row span:before{content:'✓';margin-right:8px;color:var(--cyan);font-weight:950}.login-card{padding:36px;background:#fff;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.25)}.step{margin:0 0 13px!important;color:var(--cyan-dark)!important;font-size:11px!important;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.login-card h2{margin:0;color:var(--navy);font-size:clamp(29px,3vw,38px);line-height:1.05;letter-spacing:-.025em}.login-card form>p:not(.step):not(.form-message){margin:13px 0 25px;color:var(--muted);line-height:1.5}.login-card label{display:block;margin:0 0 8px;color:var(--navy);font-size:13px;font-weight:800}.login-card input{width:100%;height:56px;padding:0 16px;border:1.5px solid #bfd1d4;border-radius:2px;background:#fff;color:var(--ink);font-size:18px;outline:none;transition:border .18s,box-shadow .18s}.login-card input:focus{border-color:var(--cyan-dark);box-shadow:0 0 0 4px rgba(24,191,199,.14)}.primary-button{width:100%;min-height:56px;margin-top:14px;border:0;background:var(--navy);color:#fff;font-weight:850;cursor:pointer;transition:background .18s,transform .18s}.primary-button:hover{background:var(--navy-2)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:wait;opacity:.65}.login-card small{display:block;margin-top:14px;color:#74868b;font-size:12px;line-height:1.45}.form-message{margin:10px 0 0!important;padding:10px 12px;font-size:13px;line-height:1.4}.form-message.error{background:#fff0f0;color:#a12e2e}.form-message.success{background:#edfaf5;color:#176749}.form-links{display:flex;justify-content:space-between;gap:18px;margin-top:19px}.form-links button,.logout-button{padding:0;border:0;background:none;color:var(--cyan-dark);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.how-it-works{max-width:1220px;margin:0 auto;padding:90px 28px 105px}.how-it-works>div:first-child{max-width:660px}.how-it-works h2,.account-panel h2,.points-copy h2{margin:0;color:var(--navy);font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.04em}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:48px;background:var(--line);border:1px solid var(--line)}.benefit-grid article{min-height:245px;padding:35px;background:#fff}.benefit-grid article>span{color:var(--cyan-dark);font-size:12px;font-weight:900}.benefit-grid h3{margin:52px 0 10px;color:var(--navy);font-size:23px}.benefit-grid p{margin:0;color:var(--muted);line-height:1.55}.loading-state{min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--ice);color:var(--navy)}.spinner{width:38px;height:38px;border:3px solid #c7e3e5;border-top-color:var(--cyan-dark);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{max-width:1220px;margin:0 auto;padding:66px 28px 100px}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.dashboard-head h1{margin:0;color:var(--navy);font-size:clamp(42px,6vw,72px);line-height:.9;letter-spacing:-.045em}.logout-button{margin-bottom:5px}.demo-banner{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;background:#dff8f8;border:1px solid #9fe2e5;color:var(--navy);font-size:13px}.demo-banner strong{flex:0 0 auto;padding:5px 8px;background:var(--cyan);color:#052a34;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.account-warning{margin-bottom:24px;padding:18px 20px;border-left:4px solid #e9a23b;background:#fff7e9}.account-warning p{margin:6px 0 0;color:#725b39}.points-hero{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:50px;align-items:center;padding:44px 50px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.points-hero>div:first-child{display:flex;flex-direction:column}.points-hero>div:first-child>span{color:#b9d5d9;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.points-hero>div:first-child>strong{margin:5px 0;color:var(--cyan);font-size:clamp(72px,10vw,126px);line-height:.9;letter-spacing:-.065em}.points-hero>div:first-child>small{color:#d9e9eb;text-transform:capitalize}.points-copy h2{color:#fff}.points-copy>p:last-child{max-width:520px;margin:15px 0 0;color:#d6e7e9;line-height:1.55}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:1px 0 28px;background:var(--line)}.stats-grid article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#fff;border:1px solid var(--line)}.stats-grid span{color:var(--muted);font-size:13px}.stats-grid strong{color:var(--navy);font-size:24px}.account-panel{padding:32px;border:1px solid var(--line);background:#fff}.rewards-panel{margin-bottom:28px}.panel-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.panel-head h2{font-size:clamp(29px,3.5vw,42px)}.panel-head>p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.5}.reward-grid{display:grid;grid-template-columns:1fr;gap:12px}.reward-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy action" "message message";gap:14px 22px;align-items:center;min-height:104px;padding:17px 22px;background:var(--ice);border-left:4px solid #b9d5d8}.reward-card.is-ready{border-color:var(--cyan);background:#e7f9f9}.reward-copy{grid-area:copy;min-width:0}.reward-card h3{margin:0;color:var(--navy);font-size:21px}.reward-card p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.reward-cost{display:block;margin:0;color:var(--navy);font-size:12px;font-weight:900}.reward-action{grid-area:action;display:flex;min-width:102px;flex-direction:column;align-items:center;gap:5px}.reward-redeem{min-width:98px;height:36px;padding:0 17px;border:1px solid var(--navy);border-radius:3px;background:var(--navy);color:#fff;font-size:13px;font-weight:850;cursor:pointer}.reward-redeem:hover:not(:disabled){background:var(--navy-2)}.reward-redeem:disabled{border-color:#b8c6c8;background:#d5dfe0;color:#74858a;cursor:not-allowed}.reward-progress{color:var(--muted);font-size:11px;font-weight:750}.reward-card.is-ready .reward-progress{color:var(--cyan-dark)}.reward-action-message{grid-area:message;margin:0!important;padding-top:12px;border-top:1px solid #bddfe1;color:var(--navy)!important;font-weight:700}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.activity-row,.order-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.activity-row:last-child,.order-row:last-child{border-bottom:0}.activity-row strong,.order-row strong{color:var(--navy);font-size:14px}.activity-row p,.order-row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.activity-points{flex:0 0 auto;color:#9d3636;font-weight:900}.activity-points.is-positive{color:#14815d}.order-total{flex:0 0 auto;color:var(--navy);font-weight:850}.empty-state{margin:0;padding:22px;background:var(--ice);color:var(--muted)}footer{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;background:#041f29;color:#c8dcdf;text-align:center}footer img{width:108px;height:auto;filter:brightness(0) invert(1);opacity:.9}footer p{margin:4px 0 10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}footer a{color:#78e4e8;font-size:13px;font-weight:750}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;gap:45px;padding-top:70px;padding-bottom:75px}.hero-copy{max-width:760px}.login-card{max-width:540px;width:100%}.benefit-grid,.reward-grid{grid-template-columns:1fr}.benefit-grid article{min-height:190px}.benefit-grid h3{margin-top:35px}.points-hero{grid-template-columns:1fr;gap:30px}.account-grid{grid-template-columns:1fr}}@media(max-width:640px){.announcement{font-size:9px}.site-header{height:72px;padding:0 18px}.brand img{width:104px}.shop-link{font-size:12px}.hero{padding:54px 18px 62px}.hero h1{font-size:clamp(51px,17vw,72px)}.hero-lead{margin-top:21px;font-size:16px}.trust-row{gap:10px 16px}.login-card{padding:27px 22px}.how-it-works{padding:65px 18px 74px}.benefit-grid{margin-top:34px}.benefit-grid article{padding:27px}.dashboard{padding:48px 16px 72px}.dashboard-head{align-items:start}.points-hero{padding:32px 24px}.stats-grid{grid-template-columns:1fr}.stats-grid article{padding:17px 20px}.account-panel{padding:24px 20px}.panel-head{display:block}.panel-head>p{margin-top:12px}.form-links{gap:12px}.form-links button{font-size:12px}.activity-row,.order-row{align-items:flex-start}.order-total{font-size:13px}}