@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#dfb965;--pale:#f7e2a8;--line:#806238;--muted:#93918b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#050505;color:#ede9df;font:12px var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--pale);outline-offset:4px}a{color:var(--gold)}#app{max-width:520px;min-height:100dvh;margin:auto;background:radial-gradient(ellipse at 95% 30%,#19170f44,transparent 65%),#080908;position:relative;padding-bottom:100px;overflow:hidden;border-inline:1px solid #242017}.hero{padding:20px 22px 17px;position:relative;background:linear-gradient(0deg,#080908 0%,#08090805 75%),linear-gradient(90deg,#0505048a,#05050415),url('/assets/lounge.png') center 43%/cover;min-height:240px}.topline{display:flex;align-items:flex-start;justify-content:space-between;height:140px}.round{border:1px solid #8c6c36;background:linear-gradient(145deg,#232016aa,#080807);border-radius:50%;height:37px;width:37px;display:grid;place-items:center;box-shadow:0 2px 10px #0009;color:var(--gold)}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{width:104px;height:104px;border:1px solid #e2bd6d;border-radius:50%;box-shadow:0 0 0 2px #7b5b2d66,inset 0 0 16px #b58a3333,0 3px 20px #000b;text-decoration:none;display:flex;flex-direction:column;align-items:center;background:#070706b0;color:var(--pale)}.monogram{font:79px/75px var(--serif);position:relative;text-shadow:1px 1px #795018}.monogram span{position:absolute;font-size:21px;top:0;left:-5px}.wordmark{letter-spacing:5px;font:12px Georgia;margin-left:5px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-size:9px;margin:0 0 7px}h1,h2,h3,p{margin:0}h1{font:500 34px/1.02 var(--serif);letter-spacing:-.5px;color:var(--pale)}.greeting{font:26px/1.1 var(--serif);margin-top:5px}.subtitle{color:#aaa8a0;font-size:13px;line-height:1.6;margin-top:5px}main{padding:0 21px}h2{font:26px/1.2 var(--serif)}h3{font:23px/1.1 var(--serif)}.primary{width:100%;border:1px solid #f6daa0;background:linear-gradient(115deg,#f6d78c,#d6a54b 48%,#b98233 90%);box-shadow:inset 0 0 13px #ffe7ab88,0 0 24px #b47d232b;color:#171107;border-radius:13px;min-height:59px;display:flex;gap:15px;align-items:center;justify-content:center;font:600 25px var(--serif);padding:13px;margin:8px 0 17px}.primary svg{width:27px;height:27px}.arrow{margin-left:auto!important;width:18px!important;height:18px!important}.primary .arrow{border:1px solid #fff7;border-radius:50%;padding:5px;box-sizing:content-box;width:18px!important}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 22px}.service{position:relative;text-align:left;border:1px solid var(--line);border-radius:12px;min-height:78px;padding:12px 12px 10px;background:linear-gradient(135deg,#25231c70,#0d0e0b);box-shadow:inset 0 1px 2px #ead39c0e}.service svg{color:var(--gold);width:25px;height:25px;display:block;margin-bottom:7px;filter:drop-shadow(0 0 7px #a16d2033)}.service span{font:18px var(--serif)}.service .chevron{position:absolute;right:9px;top:25px;font:19px var(--serif);color:#b4a07a}.service.selected{border-color:var(--pale);background:linear-gradient(135deg,#67502b,#211c12);box-shadow:0 0 16px #d2a34533}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.textbutton{border:0;background:none;padding:0;color:#b5a78a;font-size:10px;display:flex;align-items:center;gap:5px}.textbutton svg{width:12px;height:12px}.panel{border:1px solid #80643d;border-radius:13px;padding:16px;background:linear-gradient(135deg,#24241f65,#0b0b0be8);box-shadow:inset 0 1px 0 #efdab91a;margin:11px 0}.empty{text-align:center;padding:25px 18px}.empty>svg{width:36px;height:36px;color:var(--gold);margin:0 0 10px}.empty p{color:var(--muted);line-height:1.6;max-width:270px;margin:8px auto 15px}.outline{border:1px solid var(--line);background:linear-gradient(145deg,#24201666,#090a08);border-radius:9px;padding:11px 15px;color:var(--pale);display:inline-flex;align-items:center;justify-content:center;gap:8px}.premium{width:100%;display:flex;align-items:center;text-align:left;gap:13px;margin:17px 0;border:1px solid #b58a47;border-radius:12px;padding:20px 15px;background:linear-gradient(110deg,#17160fdd,#080909bb),repeating-linear-gradient(140deg,#9f7a3840 0 1px,transparent 1px 32px);box-shadow:inset 0 0 18px #a67a2414}.premium>svg{border:1px solid var(--gold);border-radius:50%;padding:9px;box-sizing:content-box;width:22px;height:22px;color:var(--gold);box-shadow:0 0 12px #c7993322}.premium strong{font:16px Georgia;letter-spacing:4px}.premium p{font-size:10px;color:var(--muted);margin-top:6px}.premium .arrow{color:var(--gold)}#navigation{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#10110ff7,#060706);border-top:1px solid #6c54302e;padding:8px 5px calc(10px + env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(15px)}.navitem{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;color:#82847f;font-size:10px;padding:0 0 8px}.navitem svg{width:23px;height:23px}.navitem.active{color:var(--pale)}.navitem.active svg{color:#f5ce78;filter:drop-shadow(0 0 6px #e6af4d)}.navitem.active:after{content:'';position:absolute;bottom:0;width:60%;height:2px;background:var(--gold);box-shadow:0 0 9px #c99639}.demo{border-bottom:1px solid #554225;padding:7px 12px;text-align:center;font-size:9px;color:#d5ba80;background:#211b10;letter-spacing:.4px}.field{display:block;margin:14px 0;color:#bcb6a5;font-size:11px}.field>span{display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #655131;background:#10110e;border-radius:9px;padding:12px;color:#eee5d0;outline:none;min-height:43px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d9ac4e15}.field textarea{min-height:105px;resize:vertical;font:20px/1.35 var(--serif)}.count{text-align:right;color:#77776f;font-size:10px;margin-top:-9px}.row{display:flex;gap:9px}.row>*{flex:1;min-width:0}.chips{display:flex;gap:7px;margin:13px 0}.chip{border:1px solid #685330;border-radius:9px;background:#171710;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:11px;color:#b9b4a6}.chip svg{width:16px;height:16px;color:var(--gold)}.chip.on{background:#4a391b;color:var(--pale);border-color:var(--gold)}.attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.attachment{display:flex;align-items:center;gap:6px;border:1px solid #5b492e;padding:6px;border-radius:6px;font-size:10px;max-width:100%}.attachment span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment button{background:none;border:0;color:var(--gold)}.tabs{display:flex;border-bottom:1px solid #39352a;margin:5px 0 17px}.tabs button{flex:1;border:0;background:none;color:#908f85;padding:12px 0;font-size:11px}.tabs .active{border-bottom:2px solid var(--gold);color:var(--gold)}.request{width:100%;text-align:left;cursor:pointer}.request-head{display:flex;gap:13px;align-items:center}.request-icon{background:#2b2417;border:1px solid #68502b;padding:12px;border-radius:9px;color:var(--gold)}.status{font-size:11px;color:var(--gold);margin-top:7px}.request p{color:var(--muted);font-size:11px;line-height:1.5;margin-top:9px;overflow-wrap:anywhere}.progress{display:flex;align-items:flex-start;margin:20px 0 0}.step{position:relative;flex:1;text-align:center;color:#75766e;font-size:9px;line-height:1.4}.step:before{content:'';display:block;height:1px;background:#44443b;position:absolute;left:0;right:0;top:11px}.step b{position:relative;display:grid;place-items:center;border:1px solid #56574e;background:#10110e;border-radius:50%;width:23px;height:23px;margin:0 auto 8px;font-size:10px}.step.reached{color:#d4bc7b}.step.reached b{border-color:var(--gold);box-shadow:0 0 9px #d4a44933}.option{display:block}.option p{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 13px}.option .row{align-items:center}.option .textbutton{font-size:10px}.pill{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}.detail-list{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:11px;line-height:1.5}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.error{color:#e1b39a;border-color:#855640}.small{font-size:10px;color:var(--muted);line-height:1.6}.success{color:#d9c990}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,15px);width:min(90%,460px);border:1px solid #a78241;border-radius:10px;background:#201d14;color:#f1dfb8;padding:13px 17px;z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:12px;box-shadow:0 5px 25px #0009}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{padding:35px;text-align:center;color:var(--gold)}.avatar{display:grid;place-items:center;width:65px;height:65px;border:1px solid #bd944c;color:var(--gold);border-radius:50%;font:33px var(--serif);margin-bottom:12px}.benefits{padding-left:20px;color:#bdb7a8;line-height:2.4;font-size:12px}.benefits li::marker{color:var(--gold)}.form-title{font:24px var(--serif);margin-top:20px}.wide{width:100%}.danger{color:#d9a28d;border-color:#6c4939}.inline-error{color:#e1b39a;margin:12px 0;line-height:1.6}.hidden{display:none!important}@media(min-width:550px){body{padding:20px 0;background:radial-gradient(ellipse at top,#29231a,#050505 65%)}#app{border-radius:18px 18px 0 0;box-shadow:0 20px 90px #000}.hero{min-height:275px}.topline{height:160px}h1{font-size:39px}.service{min-height:90px}.service span{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.primary-home{font-size:clamp(20px,5.45vw,25px);gap:11px;padding-inline:14px;white-space:nowrap}.primary-home>svg:first-child{width:24px;height:24px}.primary-home .arrow{margin-left:auto}.request-photo{width:104px;height:78px;object-fit:cover;border:1px solid #74552e;border-radius:8px;flex-shrink:0}.request-head>div:not(.request-icon){min-width:0}.request-head h3{font-size:22px;overflow-wrap:anywhere}.monogram .cloche{position:absolute;top:4px;left:-8px;width:28px;height:18px;stroke:#e8c67a;filter:drop-shadow(0 1px 1px #80571e)}.hero{padding-top:calc(20px + var(--telegram-top,0px))}#navigation{padding-bottom:calc(10px + max(env(safe-area-inset-bottom),var(--telegram-bottom,0px)))}@media(max-width:370px){.primary-home{gap:7px;padding-inline:11px;font-size:20px}.primary-home .arrow{padding:4px;width:15px!important;height:15px!important}.request-photo{width:89px;height:75px}.request-head{gap:10px}.request-head h3{font-size:21px}}



/* PRIVÉ CLUB REDESIGN — burgundy, ivory and warm bronze. */
:root{--gold:#d5b69a;--pale:#f1e6d8;--line:#634940;--muted:#ab9c93;--club:#100708}
body{background:#0c0607;color:#f1e6dc}
#app{background:radial-gradient(ellipse at 100% 40%,#32111242,transparent 65%),#10090a;border-color:#382326}
.hero{min-height:210px;padding:20px 20px 15px;background:linear-gradient(0deg,#10090a,transparent 72%),linear-gradient(90deg,#100709a1,#13060612),url('/assets/club-hero.jpg') 60% 45%/cover}
.topline{height:65px;align-items:center;gap:15px}
.brand{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;display:block;margin-right:auto;color:#f4ece3}
.monogram{display:none}
.wordmark{font:400 31px/1 var(--sans);letter-spacing:5px;margin:0}
.round{width:34px;height:34px;background:#190b0c8c;border:1px solid #9a7e6659;color:#ddc5b0;box-shadow:none}
.round svg{width:19px;height:19px}
h1{color:#f0e6da;font-weight:400;line-height:1.02;letter-spacing:-.6px;white-space:pre-line}
h2,h3{color:#f0e6da;font-weight:400}
.subtitle{color:#bcaea1;font-size:11px;line-height:1.6}
.eyebrow{color:#cbb7a5}
main{padding-inline:16px}
.primary{background:linear-gradient(110deg,#e6c5a0,#c6a082);border:1px solid #e2cbb25e;color:#211313;box-shadow:none;border-radius:28px;font:500 14px/1.2 var(--sans);min-height:44px;padding:12px 20px;gap:12px}
.primary .arrow{border:0;box-shadow:none;padding:0;width:18px!important;height:18px!important}
.primary svg{width:20px;height:20px}
.primary-home{width:max-content;max-width:100%;min-width:220px;min-height:40px;justify-content:space-between;margin:4px 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:12px 21px;white-space:nowrap}
#app[data-page="home"] .hero{background:none;min-height:213px;padding-bottom:8px}
#app[data-page="home"]::before{content:'';position:absolute;top:0;left:0;right:0;height:340px;background:linear-gradient(0deg,#10090a 0%,#10090a00 52%),linear-gradient(90deg,#12080999,#12080900 75%),url('/assets/club-hero.jpg') 65% 42%/cover;pointer-events:none}
#app[data-page="home"] .hero,#app[data-page="home"] main{position:relative}
#app[data-page="home"] .topline{height:58px;align-items:flex-start}
#app[data-page="home"] #back{display:none}
#app[data-page="home"] h1{font-size:36px;max-width:360px;margin:7px 0 14px}
#app[data-page="home"] .subtitle{text-transform:uppercase;letter-spacing:2px;font-size:8px;line-height:1.9;color:#d4c7bc;max-width:300px;white-space:pre-line}
.club-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 19px}
.club-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:140px;padding:12px 5px 10px;border:1px solid #a18a704d;border-radius:9px;background:#241213;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:5px;color:#ead9c5}
.club-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100707 0%,#120808a8 35%,transparent 85%)}
.club-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.8) sepia(.17) saturate(.8)}
.club-card svg{width:20px;height:20px;margin-bottom:1px;color:#dfc3a6}
.club-card strong{font:500 8px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.65px;overflow-wrap:normal}
.club-card small{font-size:8px;color:#b9aaa0;line-height:1.3}
.club-services.all-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.all-services .club-card{height:180px}
.all-services .club-card strong{font-size:11px}
.all-services .club-card small{font-size:10px}
.section-title{margin:16px 2px 11px;gap:8px}
.section-title h2{font:500 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:2px}
.textbutton{color:#cdb9a4;font-size:9px;white-space:nowrap}
.active-rail{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1px 12px;padding:1px}
.active-rail::-webkit-scrollbar{display:none}
.active-rail .request{flex:0 0 165px;height:150px;padding:0;margin:0;position:relative;overflow:hidden;scroll-snap-align:start}
.active-rail .request-head{height:100%;position:relative;display:block}
.active-rail .request-photo{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;filter:brightness(.6) sepia(.2)}
.active-rail .request-head:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100707ee,transparent 80%);pointer-events:none}
.active-rail .request-head>div{position:absolute;inset:0;z-index:1;padding:10px}
.active-rail .request-head h3{position:absolute;bottom:12px;left:10px;right:10px;font:500 12px/1.4 var(--sans);color:#efe4d6}
.active-rail .status{position:absolute;top:9px;left:9px;margin:0;padding:4px 7px;border:1px solid #dbc6af77;border-radius:15px;background:#140c0bb0;font-size:7px;text-transform:uppercase;letter-spacing:.4px;color:#e1d4c7}
.active-rail .request>.progress,.active-rail .request>p,.active-rail .request .arrow{display:none}
.active-rail .request-icon{border:0;background:linear-gradient(120deg,#3b1a20,#14090c);width:100%;height:100%;display:grid;place-items:center}
.active-rail .request-icon svg{width:44px;height:44px;color:#ac8c76}
.panel{border:1px solid #74594e66;background:linear-gradient(125deg,#2d171855,#120b0b);box-shadow:none;border-radius:10px}
.home-empty{width:100%;min-height:76px;margin:0 0 13px;padding:14px;text-align:left;display:flex;gap:12px;align-items:center}
.home-empty>svg{width:25px;height:25px;color:#c8ae95}
.home-empty strong{display:block;font:400 19px/1.1 var(--serif);margin-bottom:5px}
.home-empty p{color:#a6958a;font-size:9px;line-height:1.5}
.premium{display:block;position:relative;overflow:hidden;min-height:145px;padding:19px;margin:15px 0 12px;border:1px solid #92705c66;border-radius:10px;background:linear-gradient(90deg,#21080bc7,#21080b18),url('/assets/club-member.jpg') center 57%/cover;box-shadow:none;text-align:left}
.premium strong{display:block;font:400 8px/1 var(--sans);letter-spacing:4px;color:#d3b49c;margin-bottom:9px}
.premium h3{font:400 28px/1.05 var(--serif);letter-spacing:-.3px;color:#f2e8dc;margin:0 0 8px}
.premium p{font:400 7px/1.5 var(--sans);letter-spacing:1px;text-transform:uppercase;max-width:70%;margin:0;color:#c1aa99}
.member-link{display:inline-flex;align-items:center;gap:12px;border:1px solid #bd9c8377;border-radius:20px;padding:8px 13px;margin-top:14px;font:400 8px var(--sans);text-transform:uppercase;letter-spacing:1px;color:#e9d5c0}
.member-link svg{width:13px;height:13px}
.outline{border-color:#87665077;background:#26131544;color:#d9c2ae;border-radius:22px;font-size:10px;box-shadow:none}
.service{background:linear-gradient(130deg,#351a1b66,#160d0e);border-color:#77554a77;box-shadow:none}
.service.selected{background:#49282c;border-color:#d4b99f;box-shadow:none}
.service svg,.service .chevron{color:#d2b69a;filter:none}
.request-photo{border-color:#78605055}
.status,.pill,.chip svg,.avatar,.empty>svg{color:#d9bca1}
.empty{padding:23px 18px}
.field{color:#baa597}
.field input,.field select,.field textarea{background:#1b0e11;border-color:#6d4e4677;color:#eaded2}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#d5b69a;box-shadow:0 0 0 2px #d5b69a12}
.chip{background:#241316;border-color:#7a584777;color:#c7b2a3}
.chip.on{background:#503033;border-color:#c5a28a;color:#f1dfce}
.tabs{border-color:#66423f66}
.tabs button{color:#a69388}.tabs .active{border-color:#ddc3aa;color:#e4c9af}
.step:before{background:#573c3d}.step b{background:#231315;border-color:#6b4a44}
.step.reached{color:#d8b99c}.step.reached b{box-shadow:none;border-color:#c5a084}
.avatar{border-color:#a5806766}
.demo{position:relative;z-index:2;background:#251216;color:#bfa38a;border-color:#6a494144;font-size:8px}
#navigation{border:1px solid #8c6a5144;border-bottom:0;border-radius:21px 21px 0 0;background:linear-gradient(120deg,#281315f5,#170d10fa);padding:10px 6px calc(12px + max(env(safe-area-inset-bottom),var(--telegram-bottom,0px)));box-shadow:0 -8px 30px #08030455}
.navitem{font-size:10px;color:#ad9c90;padding-bottom:7px;gap:5px}
.navitem svg{width:24px;height:24px}
.navitem.active{color:#f0d2b0}.navitem.active svg{color:#f0d2b0;filter:none}
.navitem.active:after{width:4px;height:4px;border-radius:50%;bottom:-2px;background:#f0d2b0;box-shadow:none}
#toast{background:#321a20;border-color:#a7806377;color:#ead8c4;box-shadow:0 5px 25px #09030599}
.small,.empty p{color:#ac998d}.benefits{color:#c5b0a2}.benefits li::marker{color:#c7a88b}
@media(min-width:550px){body{background:radial-gradient(ellipse at top,#321a1e,#0b0507 70%)}#app{border-radius:16px 16px 0 0}.hero{min-height:225px}#app[data-page="home"] h1{font-size:43px}#app[data-page="home"] .hero{min-height:240px}.club-card{height:175px}.club-card strong{font-size:10px}.club-card small{font-size:9px}.primary-home{min-width:250px}.premium{min-height:170px}}
@media(max-width:370px){#app[data-page="home"] h1{font-size:33px}.club-card{height:132px;padding-inline:3px}.club-card strong{font-size:7px}.club-card small{font-size:7px}.section-title h2{font-size:9px;letter-spacing:1.6px}.premium h3{font-size:26px}}