
:root{--bg:#101f1b;--bg-glow:radial-gradient(ellipse 1000px 680px at 95% -10%,#365a443b,transparent 75%),radial-gradient(ellipse 800px 700px at -30% 60%,#6d65471f,transparent);--surface:linear-gradient(145deg,#263c31,#1b2d26);--surface-flat:#16271f;--surface-row:#253b30;--ink:#f0f4e9;--ink-soft:#a7bbab;--ink-faint:#839887;--line:#9bb59124;--line-strong:#bad0ad3d;--accent:#d6dfad;--accent-2:#e8eccf;--accent-dark:#b9cb8d;--accent-ink:#203827;--radius-lg:24px;--radius-md:16px;color-scheme:dark}body{min-height:100vh;background-attachment:fixed}header.top{max-width:1140px;margin:16px auto 0;border:1px solid var(--line);border-radius:18px;top:12px;background:#1d3329c9;box-shadow:0 12px 35px #06120c1a;padding:15px 23px;backdrop-filter:blur(22px)}header.top .brand{font-size:21px;letter-spacing:-.8px}.wrap{padding-top:40px;max-width:540px}.wrap.wide{max-width:860px}.card{box-shadow:0 16px 40px -18px #020d0966,inset 0 1px #ffffff05;padding:25px;border-color:#a7be981f}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px}h2{font-size:12px;font-weight:650;letter-spacing:.1em;color:#b8c9b4}input,select,textarea{box-shadow:inset 0 1px 4px #08170f18}button,.btn{border-radius:13px;font-size:14px;font-weight:650;box-shadow:0 7px 20px -9px #82926855;padding:13px 20px}.field{margin-bottom:22px}.field label{font-size:12px;color:#d1ddcb;margin-bottom:9px}.hint,.muted{line-height:1.75}.pw-toggle,.pw-toggle:hover{background:none;box-shadow:none;padding:8px}.tabs{margin:0 14px 12px;border-radius:21px;border:1px solid var(--line);background:#1c3129e8;box-shadow:0 -5px 25px #08150d30}.tabs button{color:#a5b8a8}.tabs button.active{background:#cedbbd13;color:var(--accent)}.cal-day{transition:background .2s,border-color .2s}.svc-card,.day-chip,.pill{transition:background .2s,box-shadow .2s,border-color .2s}.svc-card.active{box-shadow:0 5px 20px #00000022}.salon-hero{border-radius:25px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 20px 45px -24px #0009}.salon-cover{background:radial-gradient(ellipse at 60% 40%,#648360,#2c4b38);position:relative}.salon-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1b2d26,transparent 80%);pointer-events:none}.salon-hero-text{padding-inline:22px}.salon-desc{padding-inline:22px;padding-bottom:15px}.foot{color:#9aad9d;font-size:11px;padding:25px 20px}.auth-layout{max-width:1060px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 24px}.auth-story{position:relative;padding:30px 0}.auth-kicker{font-size:10px;letter-spacing:.2em;color:#a9bd93;font-weight:600}.auth-story h2{font-size:56px;line-height:1.07;font-weight:500;color:var(--ink);text-transform:none;letter-spacing:-2.8px;margin:25px 0}.auth-story h2 em{font-family:Georgia,serif;font-weight:400;color:#c1d29c}.auth-story p{font-size:14px;line-height:1.9;color:#a8bca9;max-width:350px}.auth-story .mini-agenda{padding:23px;background:linear-gradient(130deg,#304635ad,#1b322680);border:1px solid #adc69620;border-radius:22px;max-width:315px;margin-top:35px;box-shadow:0 16px 30px #00000012;transform:rotate(-3deg)}.mini-agenda>span{font-size:9px;letter-spacing:.15em;color:#b6c7a5}.mini-agenda div{margin-top:15px;padding:12px 15px;border-radius:11px;background:#d4e2b3;color:#24412e;font-size:12px;display:flex;justify-content:space-between}.mini-agenda small{font-size:10px}.auth-form{min-width:0}.auth-form>h1{font-size:28px;margin:0 0 12px}.auth-form>.muted{font-size:12px;margin-bottom:25px}.auth-form .card{padding:30px}.auth-legal{font-size:11px;line-height:1.7;color:var(--ink-soft);margin-top:18px}.check-terms{display:flex;align-items:flex-start;gap:10px}.check-terms input{flex:0 0 auto;width:16px;height:16px;margin-top:3px}.auth-form .copy-box{flex-wrap:wrap;gap:5px;font-size:11px;overflow-wrap:anywhere}.auth-form .copy-box strong{max-width:100%;word-break:break-word}.premium-intro{margin-bottom:25px}.premium-intro p{font-size:12px;color:var(--ink-soft)}.premium-intro h1{margin-top:7px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(min-width:860px){.tabs{position:sticky;top:96px;margin:0 0 30px;padding:8px;justify-content:flex-start}.tabs button{max-width:none;flex-direction:row;padding:13px;font-size:12px;gap:9px}.tabs button .icon{font-size:16px}body:has(.tabs) .wrap{padding-bottom:40px}}
@media(max-width:1100px){header.top{margin-inline:16px}.auth-layout{gap:45px;padding:65px 30px}.auth-story h2{font-size:47px}}
@media(max-width:750px){header.top{margin:8px 12px 0;top:8px;padding:12px 15px}.wrap{padding-top:28px}.auth-layout{display:block;padding:30px 22px;max-width:540px}.auth-story{padding:5px 0 25px}.auth-story h2{font-size:37px;letter-spacing:-1.5px;margin:15px 0}.auth-story h2 br{display:none}.auth-story h2 em{display:block}.auth-story p{font-size:12px;max-width:none}.auth-story .mini-agenda{display:none}.auth-form .card{padding:24px}.auth-form>h1{font-size:24px}.card{padding:21px}.tabs{margin:0 10px 8px}.premium-intro h1{font-size:28px}h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover,.btn:hover{transform:none}}
