@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--gold:#f7c76a;--cyan:#6ee7ef;--blue:#5578ff;--ink:#09101d;--muted:#aab9d3}body{background:radial-gradient(ellipse at 0 0,#193b6544,transparent 55%),radial-gradient(ellipse at 90% 35%,#7435bc22,transparent 50%),#080e1b;font-family:'DM Sans',system-ui;color:#edf3ff;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#83bcff25 1px,transparent 1px);background-size:28px 28px}h1,h2,h3,.brand{font-family:Outfit,system-ui}h1{letter-spacing:-.045em}h2{letter-spacing:-.02em}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:#f3f6ff;font-size:22px;font-weight:600;line-height:1.15}.brand img{width:78px;height:78px;border-radius:20px;box-shadow:0 0 35px #59cfe225}.brand small{display:block;font:10px/2 'DM Sans',system-ui;letter-spacing:.16em;color:var(--gold);margin-top:5px}header{padding-bottom:22px;border-bottom:1px solid #ffffff12}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;margin-top:25px}.panel{background:linear-gradient(135deg,#15243bef,#101828f5);border-color:#6589be38;box-shadow:0 18px 50px #0003}button,.button{background:linear-gradient(120deg,#7ee9ee,#5fcdf9);border-radius:12px;transition:transform .15s,box-shadow .15s}button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #5fcdf925}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.price{color:var(--gold)}.learning-tiles{display:grid;gap:12px;margin:30px 0}.learning-tiles span{display:grid;grid-template-columns:32px 1fr;color:var(--cyan);padding:14px 18px;border-left:2px solid var(--cyan);background:#14213980;border-radius:0 14px 14px 0;font-size:13px}.learning-tiles b{color:white;font-size:19px}.learning-tiles span{white-space:pre-line}.site-header{margin-bottom:25px}.dashboard-layout{max-width:1440px;display:grid;grid-template-columns:235px 1fr;gap:40px;padding:28px}.sidebar{position:sticky;top:28px;height:calc(100vh - 56px);padding:22px 16px;background:#111c2de6;border:1px solid #ffffff12;border-radius:24px}.sidebar .brand{font-size:17px;display:block}.sidebar .brand img{width:90px;height:90px;margin-bottom:15px}.sidebar nav{display:grid;gap:7px;margin-top:35px}.sidebar nav a{color:var(--muted);padding:12px 14px;border-radius:12px;text-decoration:none;font-size:14px}.sidebar nav a:hover{background:#29487655;color:white}.sidebar nav a:first-child{background:#3560df33;color:#b6c7ff}.sidebar small{display:block;color:var(--gold);font-size:11px;letter-spacing:.12em;margin:28px 12px 12px}.dashboard-main{padding:0;max-width:none;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px}.dashboard-main h1{font-size:clamp(32px,4vw,48px);margin:8px 0}.welcome{position:relative;overflow:hidden;padding:30px;border:1px solid #587fff55;border-radius:24px;background:linear-gradient(115deg,#223c78,#1c2348 65%,#392349)}.welcome:after{content:'∑';position:absolute;right:28px;top:-35px;font:200px Outfit;color:#79d7fa12;pointer-events:none}.welcome p{max-width:520px;color:#c5d1e9}.welcome .eyebrow{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metric{padding:20px;background:#142034;border:1px solid #ffffff13;border-radius:18px}.metric b{display:block;font:35px Outfit;color:var(--cyan)}.metric span{font-size:12px;color:var(--muted)}.dashboard-main .panel{scroll-margin-top:24px}.dashboard-main .grid{grid-template-columns:1fr}.dashboard-main #advance-form,.dashboard-main #chat-form,.dashboard-main #booking-form,.dashboard-main #tutoring-price{display:none}.dashboard-main #members> .grid>section:first-child>.panel:nth-child(-n+2){display:none}.dashboard-main #instructor{margin-top:24px}.dashboard-main #instructor>h2{color:var(--gold)}.dashboard-main #live-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.dashboard-main #live-settings button{align-self:end}.dashboard-main .item{background:#0b1528;border:1px solid #ffffff0f;border-radius:12px;padding:16px;margin-bottom:12px;font-size:14px}.empty{color:var(--muted);padding:20px;border:1px dashed #ffffff20;border-radius:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500}td,th{padding:14px 10px;border-bottom:1px solid #ffffff10}td{overflow-wrap:anywhere;max-width:300px}.dashboard-main #auth{display:none}.dashboard-main #message{color:var(--gold)}@media(max-width:950px){.dashboard-layout{grid-template-columns:1fr;padding:18px;gap:20px}.sidebar{position:static;height:auto}.sidebar .brand{display:flex}.sidebar .brand img{width:55px;height:55px;margin:0}.sidebar nav{display:flex;overflow:auto;margin:18px 0 0}.sidebar small{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-main #live-settings{grid-template-columns:1fr}.brand{font-size:18px}.brand img{width:60px;height:60px}.welcome{padding:22px}.metric{padding:14px}.dashboard-main .panel{padding:18px}}

/* Fluid layouts and quiet neural details. */
main{width:100%;max-width:none;padding:clamp(20px,3vw,64px)}
body>main{width:min(100%,1800px);margin-inline:auto}
body>main>.grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(24px,4vw,88px)}
.grid>section{min-width:0}
.brand{gap:20px;font-size:clamp(20px,1.6vw,28px)}
.brand img{width:clamp(104px,9vw,148px);height:auto;aspect-ratio:1;flex-shrink:0;border-radius:24px;object-fit:contain;box-shadow:0 8px 35px #59cfe220}
.dashboard-layout{width:100%;max-width:none;margin-inline:auto;grid-template-columns:clamp(240px,17vw,300px) minmax(0,1fr);gap:clamp(24px,2.5vw,52px);padding:clamp(20px,2vw,48px);align-items:start}
.dashboard-main{width:100%;padding:0;margin:0}
.sidebar{top:24px;height:auto;min-height:calc(100dvh - 48px);padding:24px 20px}
.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;font-size:20px}
.sidebar .brand img{width:clamp(140px,12vw,188px);height:auto;margin:0 0 12px;align-self:center}
.sidebar .brand small{margin:10px 0 0}
.sidebar nav{margin-top:24px}
.sidebar nav a{white-space:normal}
.welcome{padding:clamp(28px,3vw,54px);isolation:isolate}
.welcome h1{max-width:1000px;font-size:clamp(34px,3.1vw,62px);line-height:1.12}
.welcome p:not(.eyebrow){max-width:65ch}
.welcome:after{content:'';inset:0 0 0 auto;width:42%;height:100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20480%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2367cbd9%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22M235%20305%20173%20265%20106%20271%2053%20214%2064%20147%20109%20103%20157%2060%20221%2044%20242%2093%20283%2050%20345%2069%20397%20121%20425%20186%20389%20245%20325%20279%20263%20310%20242%20263%20235%20305M53%20214%20131%20192%20173%20265%20194%20181%20242%20263%20286%20184%20325%20279%20350%20188%20425%20186M64%20147%20131%20192%20157%2060%20194%20181%20221%2044M109%20103%20194%20181%20242%2093%20286%20184%20283%2050M242%2093%20350%20188%20345%2069M131%20192%20194%20181%20286%20184%20350%20188%20389%20245M242%2093%20242%20263%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f4be66%22%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22305%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22265%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%22271%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%22214%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%22147%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22109%22%20cy%3D%22103%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22157%22%20cy%3D%2260%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%2244%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%2293%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22283%22%20cy%3D%2250%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%2269%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22397%22%20cy%3D%22121%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22186%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22389%22%20cy%3D%22245%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22279%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22263%22%20cy%3D%22310%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%22263%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22131%22%20cy%3D%22192%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22194%22%20cy%3D%22181%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22286%22%20cy%3D%22184%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22350%22%20cy%3D%22188%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.17;z-index:-1}
.site-header,body>main>header{position:relative;isolation:isolate}
.site-header:after,body>main>header:after{content:'';position:absolute;inset:0 8% 0 auto;width:280px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20480%20360%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2367cbd9%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22M235%20305%20173%20265%20106%20271%2053%20214%2064%20147%20109%20103%20157%2060%20221%2044%20242%2093%20283%2050%20345%2069%20397%20121%20425%20186%20389%20245%20325%20279%20263%20310%20242%20263%20235%20305M53%20214%20131%20192%20173%20265%20194%20181%20242%20263%20286%20184%20325%20279%20350%20188%20425%20186M64%20147%20131%20192%20157%2060%20194%20181%20221%2044M109%20103%20194%20181%20242%2093%20286%20184%20283%2050M242%2093%20350%20188%20345%2069M131%20192%20194%20181%20286%20184%20350%20188%20389%20245M242%2093%20242%20263%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f4be66%22%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22305%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22265%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%22271%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%22214%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%22147%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22109%22%20cy%3D%22103%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22157%22%20cy%3D%2260%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22221%22%20cy%3D%2244%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%2293%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22283%22%20cy%3D%2250%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%2269%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22397%22%20cy%3D%22121%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22186%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22389%22%20cy%3D%22245%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22279%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22263%22%20cy%3D%22310%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22242%22%20cy%3D%22263%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22131%22%20cy%3D%22192%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22194%22%20cy%3D%22181%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22286%22%20cy%3D%22184%22%20r%3D%223.5%22%2F%3E%3Ccircle%20cx%3D%22350%22%20cy%3D%22188%22%20r%3D%223.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;opacity:.10;pointer-events:none;z-index:-1}
.metrics{gap:clamp(14px,1.5vw,28px)}
.metric{padding:clamp(20px,2vw,32px)}
.metric span{font-size:14px}
.dashboard-main #members>.grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}
.dashboard-main .panel{padding:clamp(22px,2vw,38px)}
.dashboard-main>.panel,#members,#instructor{min-width:0}
.dashboard-main #instructor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 30px}
.dashboard-main #instructor>h2,.dashboard-main #instructor>p,.dashboard-main #instructor>#live-settings,.dashboard-main #instructor>h3{grid-column:1/-1}
.dashboard-main #instructor>h3{border-top:1px solid #ffffff15;padding-top:24px}
.dashboard-main #complimentary-list{padding-top:12px}
@media(min-width:1700px){.learning-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-tiles span{grid-template-columns:1fr}.welcome{min-height:270px}}
@media(max-width:1100px){body>main>.grid{grid-template-columns:1fr 1fr;gap:24px}.dashboard-layout{grid-template-columns:240px minmax(0,1fr);gap:22px}.dashboard-main #members>.grid,.dashboard-main #instructor{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.dashboard-layout{grid-template-columns:1fr;padding:18px}.sidebar{position:static;min-height:0}.sidebar .brand{flex-direction:row;align-items:center}.sidebar .brand img{width:104px;margin:0;align-self:auto}.sidebar nav{gap:8px;flex-wrap:wrap;overflow:visible}.sidebar nav a{padding:10px}.dashboard-main #members>.grid{grid-template-columns:1fr}.welcome:after{width:55%;opacity:.10}}
@media(max-width:700px){body>main>.grid{grid-template-columns:1fr}.brand{font-size:20px;gap:14px}.brand img{width:100px}header{gap:12px}.dashboard-main #live-settings{grid-template-columns:1fr}.dashboard-main #instructor{grid-template-columns:1fr}.dash-top .eyebrow{max-width:75%;letter-spacing:.1em;font-size:10px}.dashboard-layout{padding:12px}.metric{padding:18px}.metric span{font-size:12px}.welcome h1{font-size:34px}.welcome{padding:24px}.sidebar .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}button:hover,.button:hover{transform:none}}

/* Membership welcome page: legible branding and screen-scaled type. */
.membership-page{font-size:clamp(18px,1.2vw,24px);line-height:1.65}
.membership-page>main{width:min(100%,2000px);padding:clamp(24px,3vw,64px)}
.membership-page>main>header{gap:24px;flex-wrap:wrap;padding-bottom:28px}
.membership-page .brand{font-size:clamp(26px,2vw,40px);gap:24px;max-width:100%}
.membership-page .brand img{width:clamp(160px,12vw,240px);height:auto;filter:brightness(1.5) saturate(1.08);border:1px solid #87cbe32b;border-radius:28px;box-shadow:0 12px 44px #5bdfe526}
.membership-page .brand small{font-size:clamp(12px,.75vw,15px);letter-spacing:.12em;line-height:1.7}
.membership-page>main>.grid{align-items:start;margin-top:clamp(28px,3vw,60px);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,3vw,64px)}
.membership-page h1{font-size:clamp(40px,3.6vw,76px);line-height:1.12;margin-block:20px 28px;max-width:18ch}
.membership-page h2{font-size:clamp(25px,1.9vw,38px);line-height:1.25}
.membership-page .eyebrow{font-size:clamp(12px,.85vw,16px);letter-spacing:.13em}
.membership-page p{max-width:65ch}
.membership-page small{font-size:clamp(15px,.95vw,19px);line-height:1.6}
.membership-page .panel{padding:clamp(24px,2.5vw,48px)}
.membership-page button,.membership-page .button{font-size:clamp(18px,1.15vw,23px);padding:14px 24px;min-height:52px}
.membership-page .learning-tiles{gap:16px;margin-top:34px}
.membership-page .learning-tiles span{font-size:clamp(16px,1vw,20px);padding:20px;line-height:1.5}
.membership-page .learning-tiles b{font-size:clamp(22px,1.4vw,28px)}
.membership-page .price{font-size:clamp(36px,2.5vw,50px)}
@media(max-width:1100px){.membership-page .learning-tiles{grid-template-columns:1fr}.membership-page .learning-tiles span{grid-template-columns:40px 1fr}}
@media(max-width:800px){.membership-page>main>.grid{grid-template-columns:1fr}.membership-page .brand{font-size:28px;gap:16px}.membership-page .brand img{width:144px}.membership-page h1{font-size:44px}}
@media(max-width:480px){.membership-page>main{padding:20px 16px}.membership-page .brand{font-size:23px;gap:12px}.membership-page .brand img{width:116px;border-radius:20px}.membership-page .brand small{font-size:10px}.membership-page h1{font-size:38px}.membership-page h2{font-size:26px}.membership-page .panel{padding:22px}.membership-page button{padding:12px 18px}}