.customer-page{min-height:100vh}.preview-ribbon{padding:10px 22px;background:#c9ae7f0a;border-bottom:1px solid #c9ae7f20;text-align:center;color:#d0b98f;font-size:9px;letter-spacing:1.3px}.preview-ribbon span{margin-left:12px;color:#a6a29a;letter-spacing:0}.customer-header{position:static;height:auto;max-width:1060px;margin:auto;padding:29px 38px;display:flex;justify-content:space-between;align-items:center;background:none;border-bottom:1px solid #ffffff0c;backdrop-filter:none}.customer-payment-link{font-size:11px;color:#c9b58f;text-decoration:none}.customer-payment-link span{margin-left:8px}.customer-layout{max-width:530px;padding:46px 24px 35px;margin:0 auto}.customer-welcome{text-align:center;margin-bottom:31px}.customer-welcome .eyebrow{font-size:8px;letter-spacing:2px}.customer-welcome h1{font-size:38px;letter-spacing:-1.8px;font-weight:500;margin:16px 0 13px}.customer-welcome p{color:#aaaab1;font-size:12px;line-height:1.85;margin:0}.member-card{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.59;padding:27px 29px;background:radial-gradient(ellipse at 95% 0%,#ac93534a,transparent 70%),linear-gradient(130deg,#34352d,#20261f 70%);border:1px solid #c9ae7f60;border-radius:19px;box-shadow:0 23px 50px #0005,0 1px 0 #fff1 inset;display:flex;flex-direction:column}.member-card:after{content:'';position:absolute;z-index:-1;right:-116px;top:78px;border:1px solid #d9c38c25;width:310px;height:310px;border-radius:50%;box-shadow:0 0 0 28px #d9c38c06,0 0 0 58px #d9c38c05,0 0 0 89px #d9c38c04}.member-card-top{display:flex;justify-content:space-between;align-items:start}.member-studio{font:550 25px/1 Manrope,sans-serif;letter-spacing:-1px;color:#f3ead8}.member-studio>span{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:2.7px;margin-top:10px;color:#b9b59e}.member-club{font-size:8px;line-height:1.75;letter-spacing:2px;color:#cfbb90;text-align:right}.member-balance{margin-top:29px}.member-points-label{font-size:7px;letter-spacing:1.6px;color:#b5b5a2}.member-balance strong{display:block;font:500 48px/1.2 Manrope,sans-serif;letter-spacing:-2px;color:#f1e5ca;margin-top:6px}.member-balance strong>span{font:11px 'DM Sans',sans-serif;letter-spacing:0;margin-left:10px;color:#d1c9b3}.member-card-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:20px;color:#e7deca;font-size:10px}.member-card-bottom small{display:block;color:#a9ab97;font-size:6px;letter-spacing:1.6px;margin-bottom:6px}.member-card-bottom>span:last-child{text-align:right}.member-seal{display:grid;place-items:center;border:1px solid #c9ae7f50;border-radius:50%;width:32px;height:32px;color:#dec99c;font:600 17px Manrope,sans-serif}.member-actions{margin-top:23px}.show-card{width:100%;background:linear-gradient(110deg,#dfcaa3,#bea16e);color:#241e14;border:1px solid #ddc391;border-radius:9px;padding:15px 18px;display:flex;justify-content:center;align-items:center;gap:11px;font-size:12px;font-weight:700}.show-card:hover{background:#e5d1ab}.show-card svg{width:18px;height:18px}.customer-wallet-buttons{display:flex;gap:11px;margin-top:11px}.customer-wallet-buttons button{display:flex;justify-content:center;gap:14px;align-items:center;flex:1;padding:14px;background:#1d1f24;color:#e4e0d7;border:1px solid #383a42;border-radius:9px;font-size:11px}.customer-wallet-buttons button:hover{background:#292b30;border-color:#9a8868}.customer-wallet-buttons button span{color:#b7a37d}.wallet-preview-note{text-align:center;font-size:9px;color:#9e9ca1;margin:13px 0 0;line-height:1.6}.reward-card{background:linear-gradient(135deg,#24231e,#1a1c20);border:1px solid #c9ae7f24;border-radius:13px;margin-top:32px;padding:22px}.reward-heading{display:flex;gap:13px;align-items:center}.reward-star{font-size:30px;color:#d0b988}.reward-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.reward-heading h2{font-size:12px;font-weight:550;letter-spacing:-.2px;margin:7px 0 0;line-height:1.6}.reward-status{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#b3b0a6;margin-top:25px}.reward-status b{font-weight:500;color:#dac69f}.reward-track{background:#34342f;height:4px;border-radius:5px;margin-top:11px;overflow:hidden}.reward-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9c8050,#e3d0aa)}.reward-card p{color:#a8a6a2;font-size:10px;line-height:1.9;margin:15px 0 0}.customer-activity{margin-top:32px}.activity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.activity-heading h2{font-size:13px;font-weight:550}.activity-heading>span{color:#91939d;font-size:7px;letter-spacing:1px}.visit{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2d2e34;padding:17px 0}.visit-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #c9ae7f20;background:#c9ae7f08;color:#cbb58d}.visit b{display:block;font-size:11px;font-weight:500}.visit small{display:block;font-size:9px;color:#979ba5;margin-top:5px}.visit>strong{margin-left:auto;color:#d3bd94;font:500 15px Manrope,sans-serif;text-align:right}.visit>strong small{font:8px 'DM Sans',sans-serif;color:#9a9ca6;margin-top:4px}.customer-demo-note{font-size:9px;color:#9699a3;line-height:1.9;margin:28px 0 0;text-align:center}.customer-footer{max-width:984px;margin:auto;border-top:1px solid #2d2e34;padding:22px 24px;display:flex;justify-content:space-between;color:#9799a2;font-size:8px;letter-spacing:1px}.customer-footer>span:last-child{letter-spacing:0;color:#afa38a}#customerDialog{width:min(430px,calc(100% - 36px));padding:30px;border:1px solid #514b3e;background:#1b1d22;color:#e9e4da;border-radius:17px}#customerDialog::backdrop{background:#06070bc9;backdrop-filter:blur(8px)}.customer-dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#c5bdaa;font-size:26px}.customer-dialog-label{font-size:8px;color:#cdb58a;letter-spacing:2px}.customer-dialog-title{font-size:25px!important;font-weight:500;letter-spacing:-1px;margin:18px 0 12px!important}.customer-dialog-copy{font-size:12px;color:#adadb6;line-height:1.8}.presented-card-id{border:1px solid #c9ae7f40;background:#c9ae7f08;border-radius:10px;padding:28px 15px;text-align:center;margin:25px 0;color:#e4d2ad;font:500 32px Manrope,sans-serif;letter-spacing:4px}.presented-card-id small{display:block;letter-spacing:1px;font:9px 'DM Sans',sans-serif;color:#a5a7a3;margin-top:12px}.dialog-wallet-preview{border:1px solid #c9ae7f40;border-radius:12px;background:linear-gradient(120deg,#36362d,#23281f);padding:23px;margin:23px 0}.dialog-wallet-preview b{font:500 15px Manrope,sans-serif;color:#eee0c6}.dialog-wallet-preview strong{display:block;font:500 36px Manrope,sans-serif;color:#eddbb5;margin:23px 0 20px}.dialog-wallet-preview strong small{font-size:10px}.dialog-wallet-preview>span{font-size:10px;color:#d3cbb7}.customer-dialog-note{font-size:10px;line-height:1.8;color:#aaa8a4;margin-bottom:0}
@media(min-width:900px){.customer-layout{padding-top:49px}.customer-welcome{margin-bottom:33px}.customer-welcome h1{font-size:42px}.member-card{aspect-ratio:1.62}}
@media(max-width:620px){.customer-header{padding:22px}.checkout-brand small{font-size:7px;letter-spacing:1.8px}.customer-payment-link{font-size:9px;max-width:95px;line-height:1.6;text-align:right}.customer-layout{padding:35px 22px 30px}.customer-welcome h1{font-size:33px;letter-spacing:-1.5px}.customer-welcome .eyebrow{font-size:7px;letter-spacing:1.65px}.customer-welcome p{font-size:11px}.member-card{padding:22px 23px;border-radius:15px;aspect-ratio:1.53}.member-studio{font-size:22px}.member-studio>span{font-size:6px}.member-club{font-size:7px}.member-balance{margin-top:22px}.member-balance strong{font-size:41px}.member-card-bottom{font-size:9px;padding-top:15px}.member-seal{width:28px;height:28px;font-size:15px}.preview-ribbon{font-size:8px;letter-spacing:1px;padding:9px 14px}.preview-ribbon span{display:block;margin:5px 0 0;font-size:8px}.reward-card{padding:20px}.reward-heading h2{font-size:11px}.reward-heading .eyebrow{font-size:6px}.customer-footer{padding:20px 22px;font-size:7px}}
@media(max-width:360px){.member-card{padding:19px;aspect-ratio:1.4}.member-balance strong{font-size:37px}.member-balance{margin-top:19px}.member-club{font-size:6px}.member-card-bottom{font-size:8px}.reward-heading h2{font-size:10px}.reward-status{font-size:8px}}
