:root{color:#202020;background:#f4f4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--yellow: #f5c400;--orange: #f4a817;--red: #b60016;--yellow-dark: #d6a900;--ink: #161616;--brown: #3b2a22;--muted: #696b70;--line: #deded8;--surface: #ffffff;--soft: #f9faf5;--shadow: 0 22px 70px rgba(18, 18, 18, .22)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--soft)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.login-page{min-height:100vh;background:linear-gradient(130deg,rgba(244,168,23,.95) 0 24%,transparent 24%),radial-gradient(circle at 78% 20%,rgba(255,210,38,.3),transparent 26%),radial-gradient(circle at 18% 82%,rgba(0,0,0,.45),transparent 36%),linear-gradient(118deg,#350305,#8f0010 48%,#160808);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:fixed;pointer-events:none}.login-page:before{inset:76px 0 0;opacity:.12;background-image:linear-gradient(30deg,transparent 0 42%,rgba(255,255,255,.42) 42% 44%,transparent 44%),linear-gradient(150deg,transparent 0 44%,rgba(0,0,0,.5) 44% 46%,transparent 46%);background-size:72px 72px}.login-page:after{right:-140px;bottom:-180px;width:520px;aspect-ratio:1;border-radius:50%;background:#f4a81738;filter:blur(2px)}.shop-header{min-height:88px;display:flex;align-items:center;padding:14px clamp(18px,5vw,58px);background:#050505f5;color:#fff;border-bottom:1px solid rgba(244,168,23,.42);position:relative;z-index:1}.login-shell{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,440px);align-items:center;gap:clamp(24px,6vw,84px);width:min(1180px,100%);margin:0 auto;padding:48px 20px 58px;position:relative;z-index:1}.sale-copy{color:#fff;text-transform:uppercase}.sale-copy span{display:inline-flex;min-height:36px;align-items:center;border-radius:999px;background:var(--yellow);color:#111;padding:0 20px;font-weight:950;box-shadow:0 10px #0000002e}.sale-copy strong{display:block;max-width:650px;margin-top:24px;font-size:clamp(46px,7.4vw,86px);line-height:.94;font-weight:950;text-wrap:balance;text-shadow:0 18px 42px rgba(0,0,0,.3)}.sale-copy p{max-width:560px;margin:24px 0 0;color:#f7e9d8;font-size:19px;font-weight:900;text-transform:none}.login-panel{width:100%;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#f4a817f2,#b60016e6,#111) border-box;border:2px solid transparent;border-radius:8px;padding:32px;box-shadow:var(--shadow);position:relative}.login-panel:before{content:"";position:absolute;inset:0 0 auto;height:7px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,var(--orange),var(--red),var(--brown))}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:0}.brand-block p,.brand-inline span{margin:0;font-weight:800;color:inherit;text-transform:uppercase}.logo-image{display:block;width:210px;height:80px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.logo-fallback{display:inline-grid;place-items:center;width:118px;height:46px;background:var(--yellow);color:var(--ink);font-weight:950;font-size:26px;border:3px solid var(--ink)}.login-copy h1{margin:0 0 8px;color:var(--ink);font-size:34px;line-height:1.05}.login-copy p{margin:0;color:var(--muted);line-height:1.5}.login-form{display:grid;gap:11px;margin-top:30px}.login-form label{color:var(--ink);font-size:14px;font-weight:800}.phone-grid{display:grid;grid-template-columns:1fr 84px;gap:10px}.login-form input,.login-form select{width:100%;min-height:48px;border:1px solid #d7d2c8;border-radius:6px;background:#fbfbf8;color:var(--ink);padding:0 15px;outline:none}.login-form input:focus,.login-form select:focus{border-color:var(--yellow-dark);box-shadow:0 0 0 3px #f5c40033}.dial-code{min-height:48px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,var(--ink),var(--brown));color:var(--orange);font-weight:900}.primary-button,.ghost-button,.outline-button{min-height:46px;border-radius:6px;border:0;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{margin-top:12px;background:linear-gradient(135deg,var(--orange),var(--yellow));color:var(--ink);text-transform:uppercase;box-shadow:0 9px #1616162e}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px #1616162e}.form-error,.session-banner{color:#9b1c1c;background:#fff0ef;border:1px solid #ffd3cf;border-radius:6px}.form-error{margin:6px 0 0;padding:10px 12px;font-size:14px}.session-banner{position:fixed;top:16px;left:50%;z-index:2;width:min(92vw,580px);padding:12px 14px;transform:translate(-50%);text-align:center;font-weight:700}.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;color:var(--muted);background:var(--soft)}.dashboard-shell{min-height:100vh;padding:0 0 28px;background:radial-gradient(circle at 80% 80px,rgba(244,168,23,.18),transparent 28%),linear-gradient(180deg,#050505 0 322px,transparent 322px),var(--soft)}.dashboard-top{background:linear-gradient(120deg,rgba(182,0,22,.38),transparent 38%),#050505;border-bottom:4px solid var(--orange)}.dashboard-header{width:min(1180px,100%);min-height:96px;margin:0 auto 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}.brand-inline{display:flex;align-items:center;gap:12px;color:#fff}.brand-inline .logo-image,.brand-inline .logo-fallback{width:190px;height:72px}.brand-inline span{color:#fff}.header-actions{display:flex;gap:10px}.ghost-button{padding:0 16px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#fff}.outline-button{padding:0 18px;background:linear-gradient(135deg,var(--orange),var(--yellow));color:var(--ink)}.ghost-button:hover:not(:disabled),.outline-button:hover:not(:disabled){transform:translateY(-1px)}.member-hero,.level-benefit-panel,.metrics-grid,.content-grid,.stores-panel{width:min(1180px,100%);margin-inline:auto}.member-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.member-card,.validity-panel,.level-benefit-panel,.metric-card,.details-panel,.stores-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 14px 36px #1c1c1814}.member-card{min-height:210px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(135deg,#30231d,#15100e 58%,#070707);color:#fff;overflow:hidden;position:relative}.member-card:after{content:"";position:absolute;right:-54px;bottom:-72px;width:240px;aspect-ratio:1;border-radius:50%;border:34px solid rgba(244,168,23,.14)}.member-card>*{position:relative;z-index:1}.avatar{width:86px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;font-size:26px;font-weight:950}.eyebrow{margin:0 0 6px;color:var(--orange);font-size:13px;font-weight:900;text-transform:uppercase}.member-card h1{margin:0;font-size:34px;line-height:1.08;color:#fff}.member-id{margin:8px 0 0;color:#d9d1c3;font-weight:700}.level-pill{justify-self:end;min-width:96px;padding:10px 14px;border-radius:999px;background:#fff;color:var(--red);text-align:center;font-weight:950}.validity-panel{display:grid;align-content:center;padding:20px;border-top:6px solid var(--orange)}.level-benefit-panel{display:grid;grid-template-columns:168px minmax(0,1fr) minmax(280px,.82fr);align-items:center;gap:24px;margin-top:16px;padding:22px;background:linear-gradient(135deg,rgba(244,168,23,.18),transparent 38%),#fff;overflow:hidden;position:relative}.level-benefit-panel:after{content:"";position:absolute;right:-70px;top:-96px;width:220px;aspect-ratio:1;border-radius:50%;background:#b6001614}.level-art,.level-benefit-copy,.next-level-card{position:relative;z-index:1}.level-art{min-height:148px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle,rgba(255,255,255,.72),transparent 64%),linear-gradient(135deg,#2f241f,#0f0f0f)}.level-art img{width:min(132px,88%);max-height:132px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}.level-benefit-copy h2{max-width:680px;margin:0;color:var(--ink);font-size:clamp(26px,3vw,38px);line-height:1.02;text-wrap:balance}.level-benefit-copy p:not(.eyebrow){max-width:620px;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.next-level-card{min-height:162px;display:grid;align-content:center;gap:14px;border-radius:8px;background:#171310;color:#fff;padding:20px}.next-level-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.next-level-heading span{color:#dbcdb8;font-size:13px;font-weight:900;text-transform:uppercase}.next-level-heading strong{color:var(--orange);font-size:24px;line-height:1}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#ffffff24}.progress-track span{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--yellow))}.progress-track.complete span{background:linear-gradient(90deg,var(--yellow),#fff3a0)}.next-level-card p{margin:0;color:#efe7d9;font-size:14px;line-height:1.45}.next-level-card p strong{color:#fff}.info-item{display:grid;grid-template-columns:minmax(126px,.82fr) minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid #ecece7}.info-item:last-child{border-bottom:0}.info-item span{color:var(--muted);font-size:13px;font-weight:800}.info-item strong{color:var(--ink);overflow-wrap:anywhere}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.metric-card{min-height:134px;display:grid;align-content:space-between;padding:22px;border-top:5px solid rgba(244,168,23,.65)}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{color:var(--ink);font-size:28px;line-height:1;overflow-wrap:anywhere}.metric-card.yellow{background:linear-gradient(135deg,rgba(255,255,255,.28),transparent),var(--orange);border-color:transparent;border-top-color:var(--brown)}.metric-card.yellow span,.metric-card.yellow strong{color:var(--ink)}.metric-card.dark{background:linear-gradient(135deg,rgba(244,168,23,.18),transparent),var(--brown);border-color:transparent}.metric-card.dark span{color:#d9d9d2}.metric-card.dark strong{color:var(--yellow)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.details-panel,.stores-panel{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.section-heading h2{margin:0;color:var(--ink);font-size:20px}.stores-panel{margin-top:16px}.store-list{display:flex;flex-wrap:wrap;gap:10px}.store-list span{display:inline-flex;min-height:36px;align-items:center;border-radius:999px;background:#f3eee4;color:var(--ink);padding:0 14px;font-weight:800}.empty-state{margin:0;color:var(--muted)}@media(max-width:880px){.dashboard-shell{background:linear-gradient(180deg,#050505 0 366px,transparent 366px),var(--soft)}.login-shell{grid-template-columns:1fr;min-height:auto;padding:26px 18px 38px}.sale-copy{order:2;text-align:center}.login-panel{order:1}.sale-copy p{margin-inline:auto}.dashboard-header,.member-hero,.level-benefit-panel,.content-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;padding-block:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-art{min-height:122px}.level-art img{max-height:108px}}@media(max-width:580px){.login-panel{padding:24px;box-shadow:0 18px 45px #0000003d}.shop-header,.brand-block{justify-content:center}.logo-image{width:178px;height:68px}.sale-copy strong{font-size:44px}.login-copy h1{font-size:28px}.phone-grid,.metrics-grid{grid-template-columns:1fr}.level-benefit-panel{padding:18px}.level-benefit-copy h2{font-size:25px}.next-level-heading,.dashboard-header{display:grid}.header-actions{width:100%}.header-actions button{flex:1}.member-card{grid-template-columns:1fr;justify-items:start}.level-pill{justify-self:start}.member-card h1{font-size:28px}.info-item{grid-template-columns:1fr;gap:4px}}