*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0c0c0b;color:#f8f4ed;font:16px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #e8c875;outline-offset:4px}header{max-width:1000px;margin:auto;padding:16px 24px;display:flex;gap:17px;align-items:center;border-bottom:1px solid #534329}header img{display:block;object-fit:contain}header>div{font-size:12px;letter-spacing:2px;color:#dfbd76}header>div span{display:block;letter-spacing:1px;font-size:10px;color:#aaa294}.site-link{margin-left:auto;font-size:13px;color:#d3b575;padding:12px 0}.preview-note{background:#201b11;color:#dfc994;text-align:center;font-size:11px;padding:9px 15px;letter-spacing:.4px}main{max-width:950px;margin:auto;padding:28px 24px 120px}.screen{display:none}.screen.active{display:block}.screen h1{font:46px/1.1 Georgia,serif;margin:12px 0;color:#fbf6eb}.screen h2{font:28px/1.2 Georgia,serif;margin:25px 0 14px}.screen h3{font-size:18px;color:#f4e6cb}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#dfbd76}.intro{color:#aaa69d;margin:0 0 28px}.back{display:inline-block;font-size:13px;color:#c8b58b;padding:6px 0 20px}.screen#home>.back{display:none}.member-hero{background:radial-gradient(ellipse at right top,#5b442b66,transparent 70%),#17140f;border:1px solid #79603a;border-radius:16px;padding:27px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.member-hero h2{font-size:34px;margin:13px 0}.member-hero p{color:#b9b0a2;max-width:340px;font-size:14px}.member-hero>.icon{font-size:82px;color:#dab269;opacity:.8}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shortcuts a{background:linear-gradient(140deg,#201c15,#131310);border:1px solid #635033;border-radius:12px;padding:21px;display:flex;flex-direction:column;gap:8px;min-height:145px}.shortcuts a:hover{border-color:#ecc878;background:#252015}.shortcuts strong{font-size:16px}.shortcuts a>span:last-child{font-size:12px;color:#aca497}.icon{font-family:Georgia,serif;font-size:31px;line-height:1;color:#e4c17d}.panel{background:#171612;border:1px solid #55452d;border-radius:14px;padding:25px;margin:20px 0}.panel h2:first-child{margin-top:0}.panel p{color:#bfb8aa}.facts{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}.facts li:before{content:'✓';color:#e7c57f;margin-right:8px}.gold,.outline{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;border-radius:7px;font-weight:700;font-size:15px;border:1px solid #b99554}.gold{background:linear-gradient(110deg,#e7c784,#bd934e);color:#18120a}.outline{color:#e7c784;background:transparent}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 14px}.actions>*{flex:1}.text-link{display:inline-block;padding:9px 0;color:#e7c784;font-size:14px}.fine{font-size:13px;color:#aaa294}.digital-card{background:radial-gradient(ellipse at right top,#a57b3944,transparent 65%),linear-gradient(135deg,#272015,#10100e);border:1px solid #b38f4c;border-radius:18px;padding:27px;box-shadow:0 15px 40px #0005;max-width:640px}.card-top{display:flex;align-items:center;justify-content:space-between;color:#d8b66e;font-size:11px;letter-spacing:2px}.card-top img{object-fit:contain}.digital-card p{color:#c4bcae;font-size:14px;max-width:370px}.card-bottom{border-top:1px solid #665131;padding-top:20px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}.card-bottom strong{font-size:14px;line-height:2;font-weight:normal;color:#ddd0b8;letter-spacing:0}.qr-placeholder{border:1px dashed #877045;padding:12px;color:#bdae90;text-align:center;font-size:10px;letter-spacing:0}.fields{margin:15px 0}.fields>div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid #383128}.fields dt{color:#b9b2a4}.fields dd{margin:0;text-align:right;color:#ece3d1}.note{font-size:13px;color:#ada595;border-left:2px solid #907241;padding:4px 0 4px 16px;margin:24px 0}.center{text-align:center}.center>.icon{display:block;font-size:49px;margin:12px 0 24px}.metric{color:#edcb88}.progress-placeholder{height:7px;border:1px solid #665332;background:#29251c;border-radius:20px;margin:27px 0 10px}.empty{padding:24px;border:1px dashed #5a4d35;border-radius:12px;margin:15px 0;background:#11110f}.empty>span{color:#d1ad68;font-size:28px}.empty h3{margin:10px 0}.empty p{font-size:14px;color:#aaa495;margin:0;max-width:540px}button:disabled{cursor:not-allowed;background:#29251c;color:#a59b86;border-color:#5f523b;width:100%;margin-top:15px}.status{display:inline-block;border:1px solid #685636;border-radius:20px;padding:6px 12px;color:#cbb582;font-size:12px}.scratch-card{min-height:320px;border:1px solid #a3864f;border-radius:18px;background:repeating-linear-gradient(120deg,#a47e2610 0px,#a47e2610 1px,transparent 1px,transparent 14px),radial-gradient(ellipse at 50% 0%,#725b2b66,transparent 75%),#181610;text-align:center;padding:35px 25px}.scratch-card>.icon{display:block;font-size:62px;margin:25px 0 0}.scratch-card h2{font-size:37px;color:#f5d992}.scratch-card p{color:#b9ad96;font-size:14px;max-width:380px;margin:20px auto}.code-placeholder{border:1px dashed #8c7549;border-radius:8px;padding:18px;color:#d9c7a2;font-size:14px;margin:22px 0}.birthday{background:radial-gradient(ellipse at top,#6d522a66,transparent 80%),#171612}.birthday-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:14px;color:#d9c8a6}select{display:block;width:100%;padding:12px;background:#26221a;border:1px solid #685536;border-radius:6px;margin:7px 0;color:#a99e87}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#12120ff5;border-top:1px solid #725b34;display:flex;justify-content:center;padding:9px 10px max(10px,env(safe-area-inset-bottom));gap:8px;backdrop-filter:blur(15px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:62px;max-width:140px;flex:1;font-size:11px;color:#a69e8d;padding:6px}.bottom-nav .icon{font-size:24px;color:inherit}.bottom-nav a[aria-current=page]{color:#f0cd81}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#111;padding:15px;z-index:20}.more-list{display:grid;gap:10px}.more-list a{display:flex;align-items:center;gap:20px;padding:18px;background:#1c1913;border:1px solid #59492e;border-radius:9px}.more-list strong{flex:1}.more-list small{color:#b69b68}@media(min-width:750px){.screen{max-width:760px;margin:auto}.screen#home{max-width:none}}@media(max-width:600px){header{padding:12px 18px;gap:10px}header img{width:76px;height:57px}header>div{font-size:10px}.site-link{font-size:11px}main{padding:25px 18px 110px}.screen h1{font-size:37px}.intro{font-size:14px}.member-hero{padding:22px}.member-hero h2{font-size:29px}.member-hero>.icon{font-size:56px}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shortcuts a{padding:18px 15px;min-height:135px}.shortcuts strong{font-size:15px}.panel{padding:21px}.facts{grid-template-columns:1fr;gap:10px}.digital-card{padding:23px}.digital-card h2{font-size:26px}.fields{font-size:14px}.fields>div{gap:15px}.fields dd{max-width:52%}.bottom-nav{gap:0}.bottom-nav a{min-width:0}.preview-note{font-size:10px}}
/* Reference-inspired presentation, preview only */
body{background:#070706}.screen h1{font-size:31px;text-align:center;color:#f7db8e;border-bottom:1px solid #a98439;padding-bottom:18px}.intro{text-align:center;color:#eee2c8}.preview-note{font-size:10px;color:#f4d780;background:#29210e}header{background:linear-gradient(110deg,#161208,#000)}.member-hero{background:linear-gradient(#0007,#000d),url('/barber-background.png') center/cover;min-height:230px;border:2px solid #c4a24f}.shortcuts a{border:1px solid #dbbd69;background:linear-gradient(145deg,#302810,#090908 65%);box-shadow:inset 0 0 0 3px #090908,0 4px 14px #0008;text-align:center;align-items:center;min-height:120px}.shortcuts .icon{font-size:37px;color:#ffdf86}.shortcuts a>span:last-child{display:none}.shortcuts strong{text-transform:uppercase;font-size:13px;letter-spacing:.8px}.walk{border:2px solid #be9e51;background:linear-gradient(#000c,#000e),url('/barber-background.png') center/cover}.gold{background:linear-gradient(#ffe8a2,#dfb344 60%,#b38122);box-shadow:inset 0 1px 1px #fff9;color:#171006;border:1px solid #efd085}.sample-label{display:block;color:#e3c98c;font:9px/1.5 Arial,sans-serif;letter-spacing:.7px;margin-bottom:9px}.coupon-card{border:2px solid #e0ba59;border-radius:9px;padding:15px;margin:17px 0;background:radial-gradient(ellipse at top right,#a77b2644,transparent 65%),linear-gradient(110deg,#211a0b,#080807);box-shadow:inset 0 0 0 3px #191205}.coupon-main{display:flex;gap:17px;align-items:center}.coupon-main h2{font:700 30px/1.1 Georgia,serif;color:#fbd16d;margin:5px 0}.coupon-main p{font-size:14px;margin:5px 0;color:#fff3d8}.coupon-symbol{font-size:49px;color:#e4c575}.coupon-foot{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:12px}.coupon-foot small{font-size:10px;color:#b7a786;max-width:130px}.coupon-foot button{width:auto;min-width:105px;font-size:12px;min-height:38px;padding:9px 12px;margin:0}button:disabled{background:linear-gradient(#d6bd7e,#9e8244);color:#251e10;border-color:#b99a53;opacity:.7}.luxe-card{border:3px solid #d6ae4b;background:radial-gradient(ellipse at top,#9d742438,transparent 70%),repeating-linear-gradient(45deg,#6f512411 0px,#6f512411 1px,transparent 1px,transparent 13px),#080807;padding:24px;text-align:center;border-radius:13px;box-shadow:0 0 0 5px #392b10,inset 0 0 0 3px #59441a;margin:24px 5px}.card-logo{width:150px;height:105px;object-fit:contain}.vip-crown{color:#f4cf74;font-size:49px;line-height:1}.luxe-card .vip-word{font:bold 77px/1 Georgia,serif;color:#f7d37b;margin:0}.luxe-card>p{margin:12px auto}.vip-info{text-align:left;border:1px solid #987638;border-radius:7px;margin:20px 0}.vip-info>div{padding:12px 15px;border-bottom:1px solid #594624;display:flex;flex-direction:column;font-size:13px}.vip-info>div:last-child{border:0}.vip-info span{color:#c7b795}.vip-info strong{font-size:17px;color:#fff4d7;font-weight:normal;margin-top:4px}.luxe-card .gold{width:100%}.qr-row{display:flex;align-items:center;gap:17px;padding:18px;border:1px solid #82662f;border-radius:8px;background:#151108;margin-top:25px}.qr-frame{width:84px;height:84px;flex-shrink:0;border:3px double #d8bd7c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8ce94}.qr-frame span{font:bold 28px Georgia}.qr-frame small{font-size:8px}.qr-row p{font-size:14px;margin:0}.qr-row p small{display:block;font-size:11px;color:#afa38e;margin-top:8px}.points-panel{display:flex;align-items:center;gap:22px;padding:22px 10px}.points-panel>span{font-size:64px;color:#e9c263}.points-panel small{color:#e2d4b7}.points-panel h2{font-size:26px;color:#edc674;margin:5px 0}.gold-track{height:12px;background:linear-gradient(#d7b871,#806124);border:1px solid #e9cb85;border-radius:20px;opacity:.45}.milestones{display:flex;justify-content:space-between;margin:20px 0 30px}.milestones>div{display:flex;flex-direction:column;align-items:center;gap:8px}.milestones span{border:1px solid #aa8a48;background:#201909;border-radius:50%;width:47px;height:47px;text-align:center;font-size:29px;color:#c4aa68}.milestones small{color:#b5a98c}.reward-list article{display:flex;gap:12px;align-items:center;padding:15px 12px;border:1px solid #b99646;border-radius:7px;margin:12px 0;background:#161208}.reward-list article>span{font-size:30px;color:#e5c16a}.reward-list article>div{flex:1}.reward-list strong{font-size:13px}.reward-list small{display:block;font-size:11px;color:#dac07c}.reward-list button{width:auto;font-size:11px;min-height:36px;padding:8px;margin:0}.scratch-stage{position:relative;aspect-ratio:1/1;border:3px solid #d8b25b;border-radius:10px;overflow:hidden;margin:25px 0;background:#231c0b;touch-action:none}.scratch-reveal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:radial-gradient(#6f5625,#121007)}.scratch-reveal>span{font-size:50px;color:#ffd978}.scratch-reveal h2{color:#f8d382}.scratch-reveal p{color:#edddba;font-size:14px}#scratch-canvas{position:absolute;inset:0;width:100%;height:100%}.scratch-start{position:absolute;bottom:25px;left:15%;width:70%;font-size:14px}.prize-list{padding-left:20px;color:#e2d6b8;line-height:2}.celebration-icon{font-size:45px;color:#e7c36b}.refer-card h2{font-size:34px;color:#f7d279}.code-placeholder{background:#eee4c8;color:#30250c;font-weight:bold;border:3px solid #b38d38}.code-placeholder small{display:block;font-size:11px;font-weight:normal;margin-top:6px}.share-examples{display:flex;gap:10px;justify-content:center;margin:24px 0 0}.share-examples span{font-size:11px;border:1px solid #7e6736;border-radius:6px;padding:9px;color:#c8b486}.birthday-showcase,.giveaway-showcase{position:relative;overflow:hidden;border:2px solid #c19a42;border-radius:10px;background:radial-gradient(ellipse at center,#684a2055,#090806 75%);padding:35px 22px;text-align:center}.birthday-showcase h2{font:bold 43px/1.05 Georgia,serif;color:#f8da8e;text-shadow:0 3px #4c330c;margin:20px 0}.birthday-showcase p{color:#e1cfac}.balloons{display:flex;justify-content:space-between;margin:0 5px 15px}.balloons i{display:block;width:30px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffefb4,#9d7323 75%);box-shadow:20px 12px 0 -7px #ceb261}.gift-box{width:115px;height:97px;margin:35px auto;background:linear-gradient(90deg,transparent 42%,#e6bf62 42%,#e6bf62 57%,transparent 57%),linear-gradient(135deg,#1d190f,#8d6b24);border:2px solid #ba9645;position:relative;box-shadow:0 8px 30px #d5a84933}.gift-box:before,.gift-box:after{content:'';position:absolute;top:-30px;width:46px;height:26px;border:6px solid #d3a94e;border-radius:70% 70% 0 70%;left:10px;transform:rotate(12deg)}.gift-box:after{left:51px;transform:scaleX(-1) rotate(12deg)}.giveaway-showcase h2{font-size:31px;color:#f2d081}.giveaway-showcase>p{font-size:14px;color:#d5c9af}.birthday-showcase>.gold{margin-top:25px}.bottom-nav{background:linear-gradient(#211b0d,#060605);border-top:2px solid #c2a352}.screen#home h1{font-size:36px;border:0;padding:0}.screen#home .intro{max-width:440px;margin-left:auto;margin-right:auto}@media(max-width:600px){.screen h1{font-size:27px}.member-hero{min-height:205px}.shortcuts a{min-height:110px;padding:17px 10px}.coupon-main h2{font-size:26px}.reward-list{margin:0 -4px}}

input,select{font:inherit;width:100%;min-height:48px;padding:12px;background:#0d0d0b;color:#fff;border:1px solid #766038;border-radius:6px;margin-top:5px}label{display:block;margin:14px 0;color:#e9d3a5}input:focus-visible{outline:3px solid #e8c875}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}form>.gold{width:100%;margin-top:12px}#message:not(:empty){position:sticky;top:0;z-index:20;background:#efe0b5;color:#211905;padding:16px;text-align:center}.qr-image{display:block;width:240px;max-width:100%;height:auto;margin:20px auto;background:white;padding:12px;border-radius:8px}.qr-label{overflow-wrap:anywhere;font-size:11px;color:#baae95}.activity{padding:14px 0;border-bottom:1px solid #514329;display:flex;gap:15px;justify-content:space-between}.activity small{display:block;color:#b9afa0}.activity strong{white-space:nowrap}.gold-track{overflow:hidden;background:#332b1c}#progress{height:100%;background:linear-gradient(90deg,#b38b39,#ffe5a0)}.reward-list button{min-height:44px;font-size:13px;padding:10px}.reward-list strong{font-size:15px}.reward-list small{font-size:13px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.recovery-code{display:block;overflow-wrap:anywhere;background:#eee1be;color:#231a0c;padding:15px;margin:15px 0;user-select:all}.staff-layout{max-width:850px}.staff-layout h1{font:36px Georgia,serif;color:#f4dba0}.staff-layout h2{font:26px Georgia,serif}.staff-layout .panel{margin-top:20px}.staff-layout form{margin:15px 0}.staff-layout .coupon-card .gold{margin-top:12px}.staff-layout .screen{display:block}#scratch-canvas{touch-action:none}#scratch-claim{width:100%}@media(max-width:600px){main{padding:20px 16px 115px}.screen h1{overflow-wrap:anywhere}.reward-list article{gap:9px}.reward-list article>span{display:none}.facts{grid-template-columns:1fr}.actions{flex-direction:column}.panel{padding:20px}.milestones{font-size:13px}.site-link{font-size:11px}.shortcuts strong{font-size:14px}}
.barber-portrait{position:relative;overflow:hidden;aspect-ratio:540/640;max-width:360px;margin:0 auto 24px;border-radius:12px;border:1px solid #b99554}.barber-portrait img{position:absolute;width:189.63%;max-width:none;height:auto;left:0;top:-120%}