@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#7041bd;--deep:#2c223d;--muted:#80788b;--line:#ebe7ef;--bg:#faf9fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--deep);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b08ade;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.demo-banner{background:#f0eaf9;color:#68478e;text-align:center;padding:10px 16px;font-size:10px;letter-spacing:1.2px;font-weight:700}.demo-banner span{font-weight:400;letter-spacing:.2px;margin-left:5px}.shell{display:flex;min-height:calc(100vh - 34px)}aside{width:258px;flex-shrink:0;border-right:1px solid var(--line);background:white;padding:39px 22px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-1px}.brand small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:6px;color:#a197ac}.logo{width:40px;height:43px;color:var(--purple);font-size:43px;line-height:40px;position:relative;font-weight:800}.logo span{position:absolute;right:-2px;top:-18px;color:#df96bd}.side-label{font-size:9px;letter-spacing:1.9px;color:#aaa0b4;margin:59px 15px 14px}.nav{display:flex;align-items:center;gap:12px;border:0;background:none;width:100%;padding:15px;border-radius:11px;text-align:left;font-size:12px;color:#82798d;margin:4px 0}.nav span{font-size:20px}.nav.active{background:#f2ecfa;color:var(--purple);font-weight:700}.nav b{margin-left:auto;background:#fff;border-radius:6px;padding:2px 7px;font-size:10px}.side-bottom{margin:auto 15px 30px;padding-top:50px}.mini-flower{color:#c8afd9;font-size:40px}.side-bottom p{font-family:Manrope,sans-serif;font-size:22px;font-weight:600;line-height:1.45;letter-spacing:-.8px}.side-bottom small{font-size:10px;color:#9e93a6}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;font-weight:700}.profile small{display:block;color:#a198aa;font-size:9px;margin-top:5px;font-weight:400}.avatar{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#f0e8f9;color:var(--purple)}main{width:100%;max-width:1370px;padding:30px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;min-height:22px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#a297ad}.purple{color:var(--purple)}.text-button{border:none;background:none;color:var(--purple);font-size:12px;padding:10px 0}.mobile-brand{display:none}.hero{min-height:280px;background:#eee5f7;border-radius:20px;display:flex;position:relative;overflow:hidden;padding:35px 38px}.hero>div:first-child{position:relative;z-index:2}.pill{font-size:8px;letter-spacing:1.4px;background:rgba(255,255,255,.6);padding:7px 10px;border-radius:30px;color:#76549a;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1.5px;font-weight:600;margin:20px 0 13px}h1 em{font-style:normal;color:var(--purple)}.hero p{font-size:12px;line-height:1.8;color:#8d789d;margin:0}.hero-art{position:absolute;right:0;top:0;height:100%;width:40%}.orb{position:absolute;border-radius:50%}.orb1{width:230px;height:230px;right:-30px;top:-80px;background:#e5d4f1}.orb2{width:170px;height:170px;right:50px;bottom:-90px;background:#d5c1ea}.star{position:absolute;font-size:160px;line-height:1;color:#b795d3;right:90px;top:15px;transform:rotate(15deg)}.arc{position:absolute;right:-110px;top:30px;width:230px;height:230px;border:1px solid #c2a4d8;border-radius:50%}.floating-card{position:absolute;bottom:33px;right:30px;width:227px;background:rgba(255,255,255,.84);padding:19px 20px;border-radius:12px;box-shadow:0 6px 24px #76549a09;transform:rotate(-3deg)}.floating-card>span{font-size:7px;letter-spacing:1.5px;color:#a391b1}.floating-card strong{display:block;font-size:15px;margin:10px 0 5px;font-family:Manrope,sans-serif}.floating-card small{font-size:9px;color:#9c8aa8}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 22px;gap:12px}h2{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:700;margin:7px 0 0}.week-controls{display:flex;align-items:center;gap:13px;font-size:11px;color:#8b8095}.week-controls button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:white;color:#7f6e91}.week-controls button:disabled{opacity:.35}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{background:white;color:#968b9e;border:1px solid var(--line);border-radius:30px;font-size:10px;padding:9px 15px}.chip.active{color:white;background:var(--purple);border-color:var(--purple)}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:22px 0 27px}.day{border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 5px;color:#998da4;text-align:center}.day span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.day strong{display:block;font-size:21px;font-family:Manrope,sans-serif;color:#51435e;margin-top:5px}.day i{display:block;width:3px;height:3px;border-radius:50%;background:#bca0d1;margin:7px auto 0}.day.active{background:#7241bb;border-color:#7241bb;color:#e0c9f5;box-shadow:0 7px 15px #7041bd20}.day.active strong{color:#fff}.day.active i{background:#e4b9da}.day-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}h3{font-size:13px;margin:0;font-weight:700}.day-heading>span{font-size:10px;color:#a194ab}.session{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin:10px 0}.time{width:60px;flex-shrink:0;border-right:1px solid var(--line);padding-right:17px}.time strong{display:block;font-size:16px;font-family:Manrope,sans-serif}.time small{display:block;font-size:9px;color:#a297aa;margin-top:5px}.activity-icon{border-radius:11px;background:#f0eafa;color:#8056b1;width:42px;height:42px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.activity-icon.yoga{background:#f9eaf2;color:#ca85a9}.activity-icon.visio{background:#e9f0fa;color:#729bc2}.session-content{flex:1}.session h3{font-size:13px;margin:0 0 7px}.session-content p{color:#a095a9;font-size:10px;margin:0}.session-content p span{padding:0 5px;color:#d5cbdc}.session-end{display:flex;align-items:center;gap:20px}.availability{font-size:9px;color:#8a7b98;white-space:nowrap}.availability b{font-weight:500;color:#7a559d}.availability.full{color:#b3a7bb}.book-button{border:1px solid #e6ddf0;background:#fff;color:var(--purple);border-radius:8px;font-size:10px;padding:10px 17px;font-weight:700;min-width:95px}.book-button:hover:not(:disabled){background:#f4eefb}.book-button:disabled{background:#f6f4f8;color:#a89ab4;border-color:#eee9f2}.book-button.reserved{background:#edf6f0;border-color:#e0eee4;color:#648c71}.note{display:flex;gap:11px;background:#f2eef7;color:#9b8aa8;border-radius:10px;padding:14px 18px;margin-top:23px}.note>span{font-size:15px}.note p{font-size:10px;line-height:1.7;margin:0}.intro{color:#97889f;font-size:13px;line-height:1.8}.empty{padding:40px 20px;text-align:center;border:1px dashed #ded3e8;border-radius:14px;color:#9c8aa7;background:white}.empty strong{display:block;color:#6b557c;font-size:16px;margin-bottom:10px}.empty p{font-size:12px;line-height:1.7}.primary{width:100%;background:var(--purple);color:white;border:0;border-radius:10px;padding:14px 17px;font-size:12px;font-weight:700}.empty .primary{width:auto}.secondary{width:100%;border:0;background:none;color:#95849f;font-size:12px;padding:15px}.booking-date{font-size:10px;color:#a08eac;margin:0 0 5px}.cancelled{opacity:.65}.status-pill{font-size:9px;padding:5px 8px;border-radius:5px;background:#edf6f0;color:#60856c}.status-pill.cancelled-pill{background:#f2edf5;color:#9c8aa7}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.help-grid article,.info-card{border:1px solid var(--line);background:white;border-radius:14px;padding:23px}.help-grid article>span{color:#bea3d5;font-size:24px;font-family:Manrope,sans-serif}.help-grid h3{margin:15px 0 10px}.help-grid p,.info-card p{font-size:12px;color:#9b8ba5;line-height:1.8}.info-card{margin:15px 0}.danger{color:#af6989}footer{border-top:1px solid var(--line);padding:23px 0 5px;margin-top:35px;font-size:9px;color:#aaa0b2}footer span{padding:0 9px}dialog{border:0;border-radius:20px;padding:32px;width:calc(100% - 32px);max-width:430px;color:var(--deep);box-shadow:0 20px 100px #34204d40}dialog::backdrop{background:#25193166;backdrop-filter:blur(4px)}dialog .close-dialog:first-child{position:absolute;right:15px;top:10px;background:none;border:0;font-size:25px;color:#ae9eb8}dialog h2{font-size:25px;margin:15px 0 20px}#dialog-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;line-height:2;color:#887494}.dialog-note,dialog p{font-size:12px;line-height:1.7;color:#a18daa;margin:20px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#39264b;color:white;padding:14px 23px;border-radius:12px;opacity:0;transition:.2s;pointer-events:none;font-size:12px;z-index:20;width:max-content;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(min-width:1500px){main{padding:35px 65px}.hero{min-height:310px}h1{font-size:40px}}@media(max-width:1100px){aside{width:215px;padding:35px 16px}.brand{font-size:17px}.brand small{font-size:6px}.nav{font-size:10px;padding:12px}main{padding:25px}.hero{padding:30px;min-height:270px}h1{font-size:30px}.star{right:30px}.floating-card{right:15px;width:185px;padding:15px}.floating-card strong{font-size:13px}.session{gap:13px;padding:15px}.session-end{gap:12px}.activity-icon{width:34px;height:34px}.availability{font-size:8px}}
@media(max-width:760px){.demo-banner{font-size:8px;padding:8px 10px;line-height:1.7}.demo-banner span{display:block;font-size:8px;margin:0}aside{display:none}main{padding:20px 18px 85px}header{margin-bottom:21px}.mobile-brand{display:block;font:800 19px Manrope,sans-serif;letter-spacing:-.8px}.mobile-brand span{display:block;font:500 7px 'DM Sans',sans-serif;letter-spacing:2px;color:#a798b2;margin-top:4px}header>.eyebrow{display:none}.text-button{font-size:10px}.hero{padding:25px 23px;min-height:285px;border-radius:17px}h1{font-size:29px;line-height:1.35;margin:18px 0 12px;letter-spacing:-1.1px}.pill{font-size:6px;letter-spacing:1.2px}.hero p{font-size:10px}.hero-art{width:100%;pointer-events:none}.star{font-size:110px;right:-38px;top:100px;color:#c2a4dc;opacity:.55}.orb1{right:-100px;top:-100px;opacity:.6}.orb2{right:-30px;bottom:-135px}.arc{width:180px;height:180px;top:150px;right:-120px}.floating-card{bottom:19px;right:23px;left:23px;width:auto;padding:12px 15px;transform:none;display:grid;grid-template-columns:1fr auto;gap:6px;background:#ffffff8c}.floating-card>span{font-size:6px;grid-column:1 / -1}.floating-card strong{font-size:11px;margin:0}.floating-card small{font-size:8px;margin-top:2px}.section-heading{align-items:flex-end;margin:26px 0 18px}.eyebrow{font-size:7px;letter-spacing:1.5px}h2{font-size:21px;letter-spacing:-.7px}.week-controls{gap:7px;font-size:8px}.week-controls button{height:25px;width:25px}.filters{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px}.chip{white-space:nowrap;padding:8px 12px;font-size:9px}.days{gap:5px;margin:15px 0 23px}.day{padding:10px 2px;border-radius:9px}.day span{font-size:7px}.day strong{font-size:18px}.day i{margin-top:5px}.day-heading h3{font-size:12px}.day-heading>span{font-size:9px}.session{flex-wrap:wrap;gap:12px;padding:16px;margin:10px 0;border-radius:12px}.time{width:53px;padding-right:12px}.time strong{font-size:15px}.time small{font-size:8px}.activity-icon{width:31px;height:31px;border-radius:9px;font-size:18px}.session-content{min-width:140px}.session h3{font-size:12px}.session-content p{font-size:9px}.session-end{width:100%;justify-content:space-between;padding:10px 0 0 65px;border-top:1px solid #f4f0f7;margin-top:1px}.availability{font-size:9px}.book-button{padding:9px 14px;font-size:9px;min-width:99px}.note{padding:13px;gap:8px}.note p{font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(15px);z-index:10;justify-content:space-around;padding:9px 12px max(12px,env(safe-area-inset-bottom))}.mobile-nav button{width:33%;border:0;background:none;color:#aa9cb5;font-size:21px;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-nav button span{font-size:8px}.mobile-nav button.active{color:var(--purple)}footer{font-size:8px;line-height:1.8}#toast{bottom:90px;font-size:11px}.help-grid{grid-template-columns:1fr;gap:10px}.help-grid article{padding:18px}.help-grid h3{margin-top:10px}dialog{padding:29px 24px}.desktop-break{display:none}}