:root,[data-design=classic]{--bg:#11100e;--surface:#1b1916;--surface-2:#24211c;--text:#f2ead3;--muted:#a99f86;--accent:#d2b967;--accent-text:#11100e;--line:#3a342a;--ok:#7fb069;--err:#e07a5f;--radius:6px;--radius-lg:10px;--font-display:Georgia,"Times New Roman",serif;--font-body:Georgia,"Times New Roman",serif;--display-case:uppercase;--display-spacing:0.08em;--card-bg:linear-gradient(160deg,#1d1a15,#11100e);--card-border:1px solid #d2b967;--shadow:none}[data-design=modern]{--bg:#f6f4ef;--surface:#ffffff;--surface-2:#efebe2;--text:#17160f;--muted:#6d6758;--accent:#17160f;--accent-text:#ffffff;--line:#e2ddd1;--ok:#2f7d4f;--err:#b5452c;--radius:14px;--radius-lg:24px;--font-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display-case:none;--display-spacing:-0.01em;--card-bg:linear-gradient(135deg,#17160f,#3a3527);--card-border:none;--shadow:0 10px 30px rgba(23,22,15,0.12)}[data-design=premium]{--bg:#050505;--surface:#0e0d0b;--surface-2:#17150f;--text:#f5efe0;--muted:#9b917a;--accent:#e3c97a;--accent-text:#050505;--line:#2a261d;--ok:#8fc27a;--err:#e88b6f;--radius:999px;--radius-lg:22px;--font-display:"Didot","Bodoni 72","Playfair Display",Georgia,serif;--font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--display-case:uppercase;--display-spacing:0.18em;--card-bg:linear-gradient(125deg,#0a0907,#2b2414 45%,#8a7334 52%,#2b2414 59%,#0a0907);--card-border:1px solid rgba(227,201,122,0.55);--shadow:0 0 0 1px rgba(227,201,122,0.15),0 20px 50px rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}.wrap{max-width:480px;margin:0 auto;padding:16px 16px 48px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 20px}.brand{font-family:var(--font-display);text-transform:var(--display-case);letter-spacing:var(--display-spacing);font-size:15px;text-decoration:none}.brand b{color:var(--accent);font-weight:400}[data-design=modern] .brand b{color:var(--muted)}.nav{display:flex;gap:14px;font-size:14px}.nav a{text-decoration:none;color:var(--muted)}.nav a[aria-current=page]{color:var(--text)}h1,h2,h3{font-family:var(--font-display);text-transform:var(--display-case);letter-spacing:var(--display-spacing);font-weight:400;line-height:1.15;margin:0 0 12px}h1{font-size:30px}h2{font-size:20px;margin-top:28px}h3{font-size:16px}[data-design=modern] h1{font-weight:700;font-size:32px}[data-design=modern] h2{font-weight:650}p{margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;width:100%;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;text-transform:var(--display-case);letter-spacing:calc(var(--display-spacing) / 2);white-space:nowrap;font-size:15px}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn:disabled{opacity:.5;cursor:default}.btn+.btn{margin-top:10px}.row{display:flex;gap:10px}.row>*{flex:1 1;min-width:0;margin-top:0!important}.row>.btn{padding:0 10px;letter-spacing:.04em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.badge{display:inline-block;white-space:nowrap;font-size:11px;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--accent);color:var(--accent)}[data-design=modern] .badge{border-color:var(--line);color:var(--muted)}.badge.warn{border-color:var(--err);color:var(--err)}.note{border-left:3px solid var(--err);padding:8px 12px;background:var(--surface-2);border-radius:4px;font-size:14px;margin-bottom:14px}.msg-ok{color:var(--ok)}.msg-err{color:var(--err)}.club-card{position:relative;background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-lg);color:#f2ead3;padding:20px;box-shadow:var(--shadow);overflow:hidden}[data-design=classic] .club-card{border-radius:12px}.club-card .cc-top{display:flex;justify-content:space-between;align-items:flex-start}.club-card .cc-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#d2b967}.club-card .cc-number{font-family:ui-monospace,Menlo,monospace;letter-spacing:.12em;font-size:15px;margin-top:4px}.club-card .cc-qr{background:#fff;border-radius:10px;padding:10px;width:200px;height:200px;margin:18px auto 6px;display:block}.club-card .cc-hint{text-align:center;font-size:12px;color:#c9bd9a}.stamps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin:14px 0 6px}.stamp{aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);position:relative}.stamp.on{border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-text)}.stamp.mark{border-color:var(--accent);border-style:solid}.stamp.mark:after{content:"★";position:absolute;top:-6px;right:-4px;font-size:12px;color:var(--accent)}[data-design=modern] .stamp.on{background:#17160f;border-color:#17160f;color:#fff}[data-design=modern] .stamp.mark:after{color:#b08d2e}[data-design=premium] .stamp.on{background:radial-gradient(circle at 30% 30%,#f6e3a8,#b8963e 70%);border-color:#e3c97a}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.list li:last-child{border-bottom:none}.list.panel{padding:4px 18px}.list li>.badge{flex:0 0 auto;align-self:flex-start}.list .sub{font-size:13px;color:var(--muted)}.steps{counter-reset:s;list-style:none;padding:0;margin:0}.steps li{counter-increment:s;position:relative;padding:0 0 14px 44px}.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}[data-design=modern] .steps li:before{border-color:var(--text);color:var(--text)}.hero{padding:12px 0 8px}.hero .lead{font-size:18px;color:var(--muted)}input,select,textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:16px}[data-design=premium] input,[data-design=premium] select{border-radius:14px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}.designs{display:grid;grid-gap:12px;gap:12px}.design-opt{display:block;text-decoration:none;padding:14px;border-radius:12px;border:1px solid var(--line)}.design-opt[aria-current=true]{border-color:var(--accent)}.swatch{display:flex;gap:6px;margin-top:8px}.swatch span{width:22px;height:22px;border-radius:50%;border:1px solid rgba(127,127,127,.4)}footer{margin-top:36px;font-size:13px;text-align:center}footer,footer a{color:var(--muted)}.app{padding-bottom:84px}.app-bar{display:flex;justify-content:flex-end;margin:-8px 0 4px}.bell{position:relative;text-decoration:none;font-size:20px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.bell .dot{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--err);color:#fff;font-size:11px;line-height:18px;text-align:center;font-family:system-ui,sans-serif}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom))}.tabs,.tabs>*{display:flex;justify-content:center}.tabs>*{flex:1 1;max-width:96px;flex-direction:column;align-items:center;gap:2px;min-height:48px;text-decoration:none;font-size:11px;color:var(--muted);font-family:var(--font-body)}.tabs>*>span{font-size:19px;line-height:1}.tabs>[aria-current=page]{color:var(--accent)}[data-design=modern] .tabs>[aria-current=page]{color:var(--text);font-weight:600}.tabs.static{position:absolute}.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sec-head h2{margin-top:24px}.li-link{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-decoration:none;color:inherit}.list li>.li-link{margin:-12px 0;padding:12px 0}.list li.unread{font-weight:600}.card-mini{display:block;text-decoration:none}.card-mini .cc-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--accent)}.badge.dim{border-color:var(--line);color:var(--muted)}.stamps:has(.free){grid-template-columns:repeat(5,1fr)}.stamp.free{font-size:9px!important;border-style:solid;border-color:var(--accent);color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.stamp.free.on{background:var(--accent);color:var(--accent-text);font-size:16px}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.chip{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.slots{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.slots .chip{justify-content:center;padding:0}label.check{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-size:15px;color:var(--text);cursor:pointer}label.check input{width:22px;height:22px;min-height:0;margin:1px 0 0;flex:0 0 auto;accent-color:var(--accent)}.list li label.check{margin:0}.stars{display:flex;gap:4px;margin-bottom:8px}.stars button{min-width:44px;min-height:44px;font-size:26px;background:none;border:none;color:var(--line);cursor:pointer}.stars button.on{color:var(--accent)}[data-design=modern] .stars button.on{color:#b08d2e}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:24px}.tile{display:flex;flex-direction:column;gap:2px;padding:14px;min-height:76px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-decoration:none;box-shadow:var(--shadow)}.tile span{font-size:13px;color:var(--muted)}.chat{display:flex;flex-direction:column;gap:8px;margin:14px 0}.bubble{max-width:85%;padding:10px 12px;border-radius:14px;background:var(--surface-2);white-space:pre-wrap}.bubble.me{align-self:flex-end;background:var(--accent);color:var(--accent-text)}.bubble .sub{font-size:11px;opacity:.75;margin-top:4px}.avatar{width:88px;height:88px;border-radius:50%;margin:8px auto 12px;display:flex;align-items:center;justify-content:center;font-size:30px;background:var(--surface-2);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-display)}.panel.danger{border-color:var(--err)}textarea{min-height:0;resize:vertical}.wrap:has(main.wide){max-width:1180px}.phones{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.phone-col{flex:0 0 340px;margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}.phone{position:relative;height:700px;border-radius:36px;border:10px solid #222;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body)}.phone-screen{height:100%;overflow-y:auto;padding:18px 14px 90px}.phone .club-card .cc-qr.demo-qr{width:140px;height:140px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0 /20px 20px;border:8px solid #fff}main{animation:page-in .38s ease-out both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.intro{position:relative;overflow:hidden;border-radius:var(--radius-lg);min-height:300px;margin:4px 0 16px;display:flex;align-items:flex-end;background:#0b0a08;color:#f5efe0;box-shadow:var(--shadow)}[data-design=classic] .intro{border:1px solid #d2b967;border-radius:12px}[data-design=premium] .intro{border:1px solid rgba(227,201,122,.45)}.intro-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.kenburns{animation:kenburns 18s ease-in-out infinite alternate;transform-origin:55% 40%}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.16) translate(-1.5%,-2%)}}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.78))}.intro-body{position:relative;padding:22px 20px;width:100%}.intro-body h1{color:#f5efe0;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.6)}.intro-body .lead,.intro-body .small{color:#e6dcc0}.intro-body .badge{background:rgba(0,0,0,.45)}[data-design=modern] .intro-body .badge{color:#fff;border-color:rgba(255,255,255,.5)}.club-card>:not(.cc-bg):not(.cc-sheen){position:relative;z-index:2}.club-card .cc-bg{position:absolute;inset:-12%;background:url(/club/card-bg.jpg) 50%/cover no-repeat;opacity:.85;z-index:0;animation:card-drift 22s ease-in-out infinite alternate}.club-card .cc-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,7,.25),rgba(10,9,7,.65))}[data-design=modern] .club-card .cc-bg{opacity:.7}.club-card .cc-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,236,170,.28) 48%,rgba(255,255,255,.05) 52%,transparent 62%);background-size:260% 100%;animation:card-sheen 6.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes card-drift{0%{transform:translate(-3%,-2%) scale(1.02)}to{transform:translate(3%,2%) scale(1.08)}}@keyframes card-sheen{0%{background-position:130% 0}55%,to{background-position:-40% 0}}[data-design=classic] .stamp.on:not(.free),[data-design=premium] .stamp.on:not(.free){background:url(/club/stamp.jpg) 50%/128% no-repeat;color:transparent;border-color:#e3c97a;box-shadow:0 2px 8px rgba(0,0,0,.5)}.stamp.on:not(.free){transition:transform .2s}.stamp-new{animation:stamp-press .75s cubic-bezier(.2,1.6,.4,1) .25s both}.stamp-new:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent);animation:stamp-ring .9s ease-out .45s both}@keyframes stamp-press{0%{transform:scale(2.2) rotate(-25deg);opacity:0}60%{transform:scale(.88) rotate(4deg);opacity:1}to{transform:none}}@keyframes stamp-ring{0%{transform:scale(.7);opacity:1}to{transform:scale(1.5);opacity:0}}.stamp.free.on{animation:free-glow 2.2s ease-in-out infinite}@keyframes free-glow{0%,to{box-shadow:0 0 0 0 rgba(227,201,122,.55)}50%{box-shadow:0 0 0 8px rgba(227,201,122,0)}}.reward-art{display:inline-block;flex:0 0 auto;border-radius:12px;overflow:hidden;vertical-align:middle}.reward-art img{width:100%;height:100%;object-fit:cover;display:block}.reward-art .art-light,[data-design=modern] .reward-art .art-dark{display:none}[data-design=modern] .reward-art .art-light{display:block}.list li.reward-row{justify-content:flex-start;gap:12px;align-items:center}.reward-row:not(.live) .reward-art{filter:grayscale(.7) opacity(.6)}.reward-row.live .reward-art{animation:float 3.2s ease-in-out infinite}.reward-line{gap:10px}.reward-hero,.reward-line{display:flex;align-items:center}.reward-hero{gap:14px;padding:14px;margin:6px 0 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow);position:relative;overflow:hidden}.reward-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(227,201,122,.22) 50%,transparent 70%);background-size:250% 100%;animation:card-sheen 4s ease-in-out infinite;pointer-events:none}.reward-hero .reward-art{animation:float 3s ease-in-out infinite;border-radius:16px}.reward-hero .rh-title{font-family:var(--font-display);font-size:18px;margin-bottom:4px}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:13px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards}@keyframes confetti-fall{to{transform:translate(var(--x),105vh) rotate(var(--r));opacity:.2}}.small-btn{min-height:36px;padding:0 14px;font-size:13px}@media (prefers-reduced-motion:reduce){.club-card .cc-bg,.club-card .cc-sheen,.kenburns,.reward-hero .reward-art,.reward-hero:after,.reward-row.live .reward-art,.stamp-new,.stamp-new:before,.stamp.free.on,main{animation:none!important}}