:root{--navy:#092447;--navy-dark:#071a35;--navy-deep:#0b203b;--red:#e31633;--red-hover:#c90c28;--red-soft:#ffeaee;--blue-soft:#e7f1ff;--green-soft:#e5f8ee;--text:#0b2341;--muted:#697d96;--light-muted:#8594aa;--border:#e4eaf2;--background:#f7faff;--white:#fff;--shadow:0 13px 38px #0e264b0e;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7ca4e8}::selection{background:#fee2e8}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.site-container,.container{width:min(100% - 64px,1440px);margin:0 auto}.topbar{color:#f4f8fe;background:#0d2747;font-size:11px}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:39px;display:flex}.topbar-left{letter-spacing:.01em;align-items:center;gap:13px;font-weight:500;display:flex}.topbar-dot,.demo-banner-dot{background:var(--red);border-radius:100%;flex:none;width:8px;height:8px;display:inline-block}.topbar-left>span:not(.topbar-dot){opacity:.65}.topbar a{white-space:nowrap;align-items:center;gap:8px;font-weight:650;display:inline-flex}.topbar a:hover{text-decoration:underline}.demo-banner{color:#284b7c;text-align:center;letter-spacing:1.1px;background:#eff4fc;border-bottom:1px solid #d8e5f6;padding:6px 16px;font-size:10px;font-weight:800}.demo-banner-dot{vertical-align:1px;width:6px;height:6px;margin-right:7px}.site-header{z-index:5;background:#fff;border-bottom:1px solid #edf1f6;position:relative}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;height:82px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:-3px;border-radius:12px;place-items:center;width:46px;height:46px;padding-right:4px;font-size:30px;font-weight:850;display:grid;box-shadow:0 5px 12px #0c24471f}.brand-mark span{color:#fff}.brand-copy{flex-direction:column;line-height:1.12;display:flex}.brand-copy strong{color:var(--navy-dark);letter-spacing:-.9px;white-space:nowrap;font-size:20px}.brand-copy strong span,.footer-brand strong span{color:var(--red)}.brand-copy small{letter-spacing:2.25px;color:#7a8ba6;white-space:nowrap;margin-top:7px;font-size:8px;font-weight:750}.top-nav{color:#1a3357;align-items:center;gap:35px;font-size:13px;font-weight:650;display:flex}.top-nav a,.footer-links a{transition:color .2s}.top-nav a:hover,.footer-links a:hover{color:var(--red)}.header-actions{align-items:center;gap:14px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:13px;min-height:45px;padding:11px 20px;font-size:13px;font-weight:750;line-height:1.3;transition:transform .17s,box-shadow .17s,background .17s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-red{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 9px 20px #e2163324}.button-red:hover:not(:disabled){background:var(--red-hover);box-shadow:0 10px 22px #e216332e}.button-dark{background:var(--navy);color:#fff}.button-dark:hover:not(:disabled){background:#19375e}.button-outline{color:var(--navy);background:#fff;border-color:#c7d3e2}.button-outline:hover:not(:disabled){background:#f7faff;border-color:#7a96b9}.button-ghost{color:var(--navy);background:0 0}.button-ghost:hover:not(:disabled){color:var(--red)}.button-small{min-height:40px;padding:10px 16px;font-size:12px}.button-lg{min-height:54px;padding:14px 24px;font-size:14px}.button-wide{width:100%;margin-top:11px}.round-icon{border:1px solid #8b9fb9;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.hero{background:radial-gradient(circle at 69% 25%,#f3f7fc,#fff 62%);padding:69px 0 72px;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;column-gap:56px;min-height:420px;display:grid}.hero-main{z-index:2;position:relative}.eyebrow{color:#5b6f8b;letter-spacing:1.7px;align-items:center;gap:13px;font-size:11px;font-weight:850;display:inline-flex}.eyebrow-line{background:var(--red);border-radius:10px;width:25px;height:3px;display:block}.hero h1{letter-spacing:-.055em;color:#091e3d;margin:23px 0 21px;font-size:clamp(47px,4.4vw,78px);font-weight:850;line-height:1.055}.hero h1 em,.section-head h2 em,.how-section h2 em,.dashboard-heading h1 em{color:var(--red);font-style:normal}.hero-description{color:#667993;max-width:620px;margin:0;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:13px;margin:23px 0 0;display:flex}.hero-points{flex-wrap:wrap;align-items:center;gap:26px;margin-top:34px;display:flex}.hero-points>div{align-items:center;gap:11px;display:flex}.hero-point-icon{border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.red-soft{background:var(--red-soft)!important;color:var(--red)!important}.blue-soft{background:var(--blue-soft)!important;color:#1e5aa9!important}.green-soft{background:var(--green-soft)!important;color:#148358!important}.hero-points strong{color:var(--navy);font-size:13px;display:block}.hero-points small{color:#7a8da8;margin-top:3px;font-size:10px;display:block}.hero-photo{background-image:url(/hero-lesson.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;min-width:0;height:410px}.benefits-section{background:linear-gradient(#f9fbff 0%,#fff 100%);padding:80px 0 90px}.section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.section-kicker{color:#5c7293;letter-spacing:2px;align-items:center;gap:12px;font-size:10px;font-weight:850;display:flex}.section-kicker:before{content:"";background:var(--red);border-radius:6px;width:22px;height:3px;display:inline-block}.section-head h2,.how-section h2{color:var(--navy-dark);letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(32px,3vw,47px);line-height:1.12}.section-head>p{color:#71839d;max-width:320px;margin:0 2px 7px;font-size:14px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.feature-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e9edf3;border-radius:17px;align-items:flex-start;gap:20px;min-height:178px;padding:26px;display:flex;position:relative}.feature-icon{border-radius:13px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.feature-content{min-width:0;padding:3px 12px 0 0}.feature-content small{letter-spacing:1.35px;color:#7e8fa9;margin-bottom:13px;font-size:9px;font-weight:800;display:block}.feature-content h3{letter-spacing:-.3px;margin:0 0 9px;font-size:16px;line-height:1.35}.feature-content p{color:#72849e;margin:0;font-size:12px;line-height:1.6}.feature-arrow{color:#587297;border:1px solid #e2e9f2;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:21px;right:20px}.how-grid{grid-template-columns:1fr 1.4fr;align-items:center;gap:58px;display:grid}.how-section h2{margin-bottom:27px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.step{align-items:flex-start;gap:13px;display:flex}.step>span{color:#1656a5;background:#e6f0ff;border-radius:50%;flex:0 0 47px;place-items:center;width:47px;height:47px;font-size:18px;font-weight:850;display:grid}.step:nth-child(2)>span{background:var(--red-soft);color:var(--red)}.step h3{letter-spacing:-.25px;margin:3px 0 8px;font-size:13px}.step p{color:#7587a0;margin:0;font-size:11px;line-height:1.65}.footer{background:#fff;border-top:1px solid #ebeff5}.footer-inner{justify-content:space-between;align-items:center;gap:22px;padding:26px 0;display:flex}.footer-brand{flex-direction:column;gap:6px;display:flex}.footer-brand strong{letter-spacing:-.7px;font-size:17px}.footer-brand small{color:#8d9bb0;font-size:10px}.footer-links{color:#6a7d9b;gap:25px;font-size:11px;font-weight:650;display:flex}.footer-note{color:#a1aec0;font-size:10px}.auth-page{background:radial-gradient(circle at 12% 8%,#edf3ff,#0000 45%),#f9fbff;min-height:calc(100vh - 310px);padding:75px 0 100px}.auth-grid{grid-template-columns:minmax(0,1fr) minmax(380px,475px);align-items:center;gap:110px;display:grid}.auth-intro .section-kicker{margin-bottom:16px}.auth-intro h1{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(40px,3.6vw,59px);line-height:1.14}.auth-intro>p{color:#6c819e;max-width:480px;font-size:17px;line-height:1.7}.auth-quote{border-left:3px solid var(--red);max-width:440px;margin-top:50px;padding:10px 0 10px 25px}.auth-quote-mark{color:var(--red);font-size:38px;line-height:1}.auth-quote p{color:#526987;margin:4px 0 13px;font-size:18px;line-height:1.5}.auth-quote span{letter-spacing:2px;color:#8193ad;font-size:9px;font-weight:850}.auth-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:35px;box-shadow:0 20px 55px #0f2c5311}.auth-card-head{align-items:center;gap:14px;margin-bottom:28px;display:flex}.auth-card-icon{background:var(--red-soft);width:48px;height:48px;color:var(--red);border-radius:12px;place-items:center;font-size:23px;font-weight:800;display:grid}.auth-card h2,.token-box h1{letter-spacing:-.6px;margin:0 0 5px;font-size:23px}.auth-card-head p{color:#8b9db3;margin:0;font-size:12px}.form{gap:18px;display:grid}.form>label,.field-row>label{color:#344a6c;gap:8px;font-size:12px;font-weight:730;display:grid}.form input{min-height:50px;color:var(--navy);background:#fbfcff;border:1px solid #dbe4ee;border-radius:10px;width:100%;padding:12px 14px}.form input::placeholder{color:#9daac0}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-aside{text-align:right;margin-top:-5px}.form-aside a,.auth-card-bottom a{color:var(--red);font-size:12px;font-weight:750}.auth-card-bottom{color:#788ca5;text-align:center;border-top:1px solid #edf1f7;margin-top:26px;padding-top:22px;font-size:12px}.info-note,.error-note,.success-note{border-radius:9px;margin-bottom:18px;padding:13px 15px;font-size:12px;line-height:1.6}.info-note{color:#375e91;background:#edf4ff;border:1px solid #d7e4f8}.error-note{color:#b11d35;background:#fff0f2;border:1px solid #ffd6de}.success-note{color:#24734b;background:#e9f8ee;border:1px solid #cbe9d5}.token-box{max-width:525px;margin:auto}.muted{color:#8192a8;font-size:13px;line-height:1.6}.dashboard-container{width:min(100%,1920px);margin:0 auto}.dashboard-grid{grid-template-columns:259px minmax(0,1fr);align-items:stretch;min-height:850px;display:grid}.sidebar{background:#fff;border-right:1px solid #e5eaf2;flex-direction:column;padding:43px 23px 28px;display:flex}.sidebar-label{letter-spacing:2px;color:#7b8eaa;margin-bottom:22px;padding-left:13px;font-size:10px;font-weight:850}.sidebar-nav{gap:7px;display:grid}.sidebar-nav a{color:#283e60;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:14px;min-height:49px;padding:12px 15px;font-size:13px;font-weight:720;transition:background .2s;display:flex}.sidebar-nav a svg{flex:none}.sidebar-nav a:hover{background:#f5f8fe}.sidebar-nav a.active{color:var(--red);border-left-color:var(--red);background:#fff0f3}.sidebar-support{background:linear-gradient(135deg,#fff,#fbfcff);border:1px solid #e5ebf4;border-radius:17px;margin-top:auto;padding:23px 21px}.sidebar-support-icon{width:46px;height:46px;color:var(--navy);background:#f0f5ff;border-radius:12px;place-items:center;margin-bottom:15px;display:grid}.sidebar-support strong{font-size:14px}.sidebar-support p{color:#8495ad;margin:8px 0 19px;font-size:12px;line-height:1.6}.sidebar-support-link{color:#41618d;border:1px solid #d8e2f0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:700;display:flex}.sidebar-logout{color:#5c6f8a;background:0 0;border:0;align-items:center;gap:9px;margin-top:15px;padding:17px;font-size:12px;display:flex}.dashboard-main{min-width:0;padding:38px clamp(22px,3.1vw,58px) 75px}.preview-controls{background:#eaf1ff;border:1px solid #dbe7fb;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;padding:11px 18px;display:flex}.preview-controls strong{color:#355b8b;font-size:11px;display:block}.preview-controls small{color:#6981a5;margin-top:3px;font-size:10px;display:block}.segmented{background:#fff;border-radius:10px;flex-shrink:0;gap:3px;padding:3px;display:flex}.segmented button{color:#596f90;background:0 0;border:0;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:800}.segmented button.selected{background:var(--navy);color:#fff}.dashboard-heading{justify-content:space-between;align-items:center;gap:22px;min-height:150px;margin-bottom:23px;display:flex;position:relative;overflow:hidden}.dashboard-heading>div:first-child{z-index:2;max-width:70%;position:relative}.dashboard-heading h1{letter-spacing:-.05em;margin:13px 0 8px;font-size:clamp(30px,3.2vw,53px);line-height:1.15}.dashboard-heading p{color:#7589a5;max-width:570px;margin:0;font-size:15px;line-height:1.6}.dashboard-heading-photo{opacity:.95;background:url(/hero-lesson.webp) 50% 31%/cover no-repeat;border-radius:28px;align-self:stretch;width:min(40%,465px);height:202px;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 19%);mask-image:linear-gradient(90deg,#0000 0%,#000 19%)}.dashboard-heading-icon{color:#537bad;background:#eaf1ff;border-radius:21px;place-items:center;width:75px;height:75px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card{min-height:168px;box-shadow:var(--shadow);background:#fff;border:1px solid #e5ebf3;border-radius:15px;min-width:0;padding:21px 23px;position:relative}.metric-icon{border-radius:13px;place-items:center;width:49px;height:49px;display:grid;position:absolute;top:19px;left:19px}.metric-card>small{color:#7b8ca6;letter-spacing:1.35px;min-height:26px;margin:5px 0 14px 58px;font-size:9px;font-weight:850;display:block}.metric-card>strong{color:var(--navy);letter-spacing:-1.7px;margin-left:58px;font-size:37px;line-height:1.14;display:block}.metric-card>strong.metric-date{letter-spacing:-.5px;min-height:42px;font-size:clamp(16px,1.3vw,22px);line-height:1.25}.metric-card>strong.metric-package-title{letter-spacing:-.3px;min-height:40px;font-size:15px;line-height:1.5}.metric-package>p{margin-top:5px}.package-progress-track{background:#e7eef9;border-radius:20px;height:7px;overflow:hidden}.package-progress-track>span{background:var(--red);border-radius:20px;height:100%;display:block}.content-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:18px;display:grid}.content-grid-single{grid-template-columns:minmax(0,1fr)}.panel-card{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e5ebf3;border-radius:16px;margin-bottom:22px;padding:24px}.panel-card-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.panel-card-title{color:var(--red);align-items:center;gap:13px;display:flex}.panel-card-title h2{color:var(--navy)}.panel-card h2{letter-spacing:-.65px;margin:0;font-size:20px;line-height:1.25}.mini-kicker{letter-spacing:1.8px;color:#7b92b0;margin-bottom:6px;font-size:10px;font-weight:850;display:block}.inline-link{color:var(--red);white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.inline-link:hover{color:var(--red-hover)}.lesson-table{display:grid}.lesson-row{border-top:1px solid #ebeff5;align-items:center;gap:14px;padding:16px 0;display:flex}.lesson-row:first-child{border-top:0;padding-top:7px}.lesson-date-tile{color:var(--navy);background:#f0f5fd;border-radius:13px;flex-direction:column;flex:0 0 55px;justify-content:center;align-items:center;width:55px;height:59px;display:flex}.lesson-row:first-child .lesson-date-tile{background:var(--red-soft);color:var(--red)}.lesson-date-tile strong{font-size:22px;line-height:1.1}.lesson-date-tile small{margin-top:3px;font-size:9px;font-weight:800}.lesson-round-avatar{color:#4271b5;background:#eaf2ff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.lesson-details{flex:1;min-width:0}.lesson-details>small{color:#8293ab;margin-bottom:4px;font-size:11px;display:block}.lesson-details strong{font-size:13px;display:block}.lesson-details>span{color:#8999ad;margin-top:3px;font-size:10px;display:block}.lesson-action{white-space:nowrap;border:1px solid #dbe4ee;border-radius:9px;align-items:center;gap:4px;padding:10px 12px;font-size:11px;font-weight:720;display:inline-flex}.lesson-action:hover{color:var(--red);border-color:#c5d4e9}.empty-content{color:#7c91aa;text-align:center;background:#f8faff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:37px 14px;display:flex}.empty-content span{font-size:11px}.notice-inline{color:#59769d;background:#edf3fd;border:1px solid #dce8f8;border-radius:11px;margin:18px 0 0;padding:14px 16px;font-size:11px;line-height:1.7}.offer-row{border-bottom:1px solid #ecf0f5;align-items:center;gap:17px;padding:17px 0;display:flex}.offer-row:last-child{border-bottom:0}.offer-row>div{flex:1}.offer-row strong{font-size:13px;display:block}.offer-row small{color:#8194ad;font-size:11px}.panel-icon{color:#4f75b6;background:#edf3ff;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.status-pill{color:#278251;white-space:nowrap;background:#e9f8ee;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:750;display:inline-block}.status-muted{color:#677d98;background:#e9eef4}.package-list-item{border-bottom:1px solid #e9edf4;align-items:center;gap:18px;padding:18px 0;display:flex}.package-list-item>div{flex:1}.package-list-item strong{font-size:14px;display:block}.package-list-item small{color:#8798af;margin:7px 0 12px;font-size:11px;display:block}.profile-table{border-top:1px solid #ebeff6}.profile-table>div{border-bottom:1px solid #e9edf5;justify-content:space-between;gap:20px;padding:18px 5px;display:flex}.profile-table span{color:#7d91ac;font-size:12px}.profile-table strong{text-align:right;overflow-wrap:anywhere;font-size:13px}.dashboard-cta{box-shadow:var(--shadow);background:#fff;border:1px solid #f4dfe4;border-radius:17px;align-items:center;gap:21px;margin:0 0 15px;padding:20px 24px;display:flex}.cta-icon{background:var(--red-soft);width:52px;height:52px;color:var(--red);border-radius:14px;flex:none;place-items:center;display:grid}.dashboard-cta>div{flex:1}.dashboard-cta p{color:#8395b0;margin:6px 0 0;font-size:12px}.dashboard-empty{text-align:center;background:#fff;border:1px solid #e4eaf3;border-radius:17px;padding:60px}.dashboard-empty p{color:#7890af}.calendar-widget{min-width:0}.calendar-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.calendar-title-row>div:first-child{align-items:center;gap:12px;display:flex}.calendar-title-icon{color:var(--navy);display:inline-flex}.calendar-title-row h2{margin:0;font-size:20px}.calendar-actions{align-items:center;gap:5px;display:flex}.calendar-actions button{color:#35577e;background:#fff;border:1px solid #e1e8f2;border-radius:9px;place-items:center;min-width:30px;height:31px;display:grid}.calendar-actions button:hover{background:#f3f7fd}.calendar-actions button.today-button{margin-left:4px;padding:0 11px;font-size:10px;font-weight:700}.calendar-month{text-transform:capitalize;margin:20px 0 9px;font-size:12px;font-weight:780}.calendar-scroll{overflow-x:auto}.calendar-week-head{border-bottom:1px solid #eaf0f6;grid-template-columns:43px repeat(7,minmax(0,1fr));display:grid}.calendar-week-head>div{text-align:center;padding:7px 0 11px}.calendar-day-head small{color:#8c9bb1;margin-bottom:5px;font-size:10px;display:block}.calendar-day-head b{font-size:13px;display:block}.calendar-day-head.is-today b{color:var(--red)}.calendar-grid-body{grid-template-columns:43px repeat(7,minmax(0,1fr));display:grid}.calendar-times>div{color:#8ca0b8;border-bottom:1px solid #edf1f7;height:61px;padding-top:9px;font-size:10px}.calendar-day-column{border-left:1px solid #edf1f7;position:relative}.calendar-hour{border-bottom:1px solid #edf1f7;height:61px}.calendar-event{z-index:1;color:var(--red);background:#ffe4ea;border:1px solid #feb3c0;border-radius:8px;min-height:49px;padding:6px 5px;position:absolute;left:4px;right:4px;overflow:hidden}.calendar-event strong{font-size:10px;line-height:1.1;display:block}.calendar-event span{margin-top:4px;font-size:9px;display:block}.calendar-footnote{color:#95a3b6;margin:12px 0 0;font-size:9px}.booking-concept{box-shadow:var(--shadow);background:#fff;border:1px solid #e4eaf3;border-radius:18px;padding:29px}.booking-top h2{margin:10px 0 8px;font-size:25px}.booking-top p{color:#8395ad;max-width:670px;font-size:13px;line-height:1.65}.booking-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.booking-step{color:#7890ad;background:#f7faff;border:1px solid #e4ebf5;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.booking-step.active{color:var(--red);background:#fff1f4;border-color:#ffd8e0}.booking-step span{font-size:17px;font-weight:850}.tutor-preview{border:1px solid #e1e8f2;border-radius:14px;align-items:center;gap:17px;margin-bottom:18px;padding:22px;display:flex}.tutor-large-avatar{width:65px;height:65px;color:var(--navy);background:#e8effb;border-radius:17px;flex:0 0 65px;place-items:center;font-size:21px;font-weight:850;display:grid}.tutor-preview>div{flex:1}.tutor-preview h3{margin:0 0 5px;font-size:18px}.tutor-preview p{color:#8597af;margin:0 0 12px;font-size:12px}.tutor-tags{flex-wrap:wrap;gap:7px;display:flex}.tutor-tags span{color:#4f6d96;background:#edf3fc;border-radius:20px;padding:6px 8px;font-size:10px}.tutor-preview-label{color:var(--red);background:#ffebee;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.booking-schedule{border:1px solid #e4eaf3;border-radius:14px;margin-bottom:22px;padding:21px}.booking-schedule-title{align-items:center;gap:9px;margin-bottom:14px;display:flex}.booking-schedule-title h3{margin:0;font-size:16px}.slot-skeleton{flex-wrap:wrap;gap:12px;display:flex}.slot-skeleton span{color:#7488a2;background:#f6f8fc;border:1px dashed #d1dce9;border-radius:10px;padding:12px 18px;font-size:12px}@media (max-width:1360px){.site-container,.container{width:min(100% - 48px,1220px)}.hero-grid{column-gap:24px}.hero h1{font-size:clamp(44px,4.4vw,66px)}.hero-photo{height:350px}.hero-points{gap:18px}.feature-card{gap:13px;padding:22px}.dashboard-grid{grid-template-columns:235px minmax(0,1fr)}.dashboard-main{padding:32px 27px 65px}.sidebar{padding:35px 15px}.metric-card{padding:16px}.metric-icon{width:44px;height:44px;top:16px;left:15px}.metric-card>small,.metric-card>strong,.metric-card>p,.metric-package .package-progress-track{margin-left:52px}.lesson-round-avatar{display:none}}@media (max-width:1100px){.top-nav{gap:19px}.hero-grid{grid-template-columns:1fr 1fr;gap:18px}.hero h1{font-size:clamp(43px,4.4vw,57px)}.hero-points{gap:12px}.hero-point-icon{width:39px;height:39px}.hero-points strong{font-size:11px}.hero-points small{font-size:9px}.hero-photo{height:320px}.feature-grid{gap:12px}.feature-card{flex-direction:column}.how-grid{gap:22px}.dashboard-grid{grid-template-columns:206px minmax(0,1fr)}.sidebar-nav a{gap:9px;padding:10px 8px;font-size:11px}.sidebar-support{padding:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card>small,.metric-card>strong,.metric-card>p,.metric-package .package-progress-track{margin-left:58px}.content-grid{grid-template-columns:1fr}.calendar-panel{max-width:none}}@media (max-width:800px){.site-container,.container{width:calc(100% - 38px)}.topbar,.top-nav{display:none}.site-header-inner{height:74px}.hero{padding:50px 0 60px}.hero-grid{grid-template-columns:1fr}.hero-main{max-width:650px}.hero-photo{aspect-ratio:805/405;width:100%;height:auto;margin:27px auto 0}.benefits-section{padding:60px 0}.section-head{align-items:start}.section-head h2{font-size:38px}.feature-grid{grid-template-columns:1fr}.feature-card{flex-direction:row;min-height:auto;padding:23px}.how-grid{grid-template-columns:1fr}.steps{gap:16px}.auth-grid{grid-template-columns:1fr;gap:45px}.auth-page{padding:45px 0 65px}.auth-intro h1{max-width:600px}.auth-quote{display:none}.dashboard-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e5eaf2;border-right:0;padding:16px 19px;position:relative}.sidebar-label,.sidebar-support,.sidebar-logout{display:none}.sidebar-nav{gap:5px;display:flex;overflow-x:auto}.sidebar-nav a{white-space:nowrap;min-height:44px;padding:10px 13px;font-size:11px}.sidebar-nav a svg{width:17px;height:17px}.dashboard-main{padding:27px 20px 65px}.dashboard-heading.with-photo{min-height:150px}.dashboard-heading-photo{opacity:.5}.dashboard-heading>div:first-child{max-width:100%}}@media (max-width:580px){.site-container,.container{width:calc(100% - 32px)}.site-header-inner{gap:7px;height:68px}.brand{gap:8px}.brand-mark{border-radius:10px;width:37px;height:37px;font-size:25px}.brand-copy strong{font-size:15px}.brand-copy small{letter-spacing:1.1px;font-size:6.5px}.header-actions{gap:0}.header-actions .button-ghost{display:none}.header-actions .button-red{gap:5px;min-height:37px;padding:9px 11px;font-size:10px}.header-actions .button-red svg{width:12px}.demo-banner{letter-spacing:.1px;font-size:9px;line-height:1.55}.hero h1{letter-spacing:-.045em;font-size:clamp(37px,9.6vw,52px)}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap;gap:9px}.hero-actions .button{min-height:48px;padding:11px 16px;font-size:12px}.hero-points{gap:13px;margin-top:24px}.hero-points>div{flex:40%}.hero-photo{width:calc(100% + 12px);margin-left:-6px}.section-head{display:block}.section-head>p{margin-top:18px}.section-head h2,.how-section h2{font-size:35px}.feature-card{gap:15px}.feature-icon{flex-basis:42px;width:42px;height:42px}.feature-content{padding-right:10px}.feature-content h3{font-size:15px}.feature-arrow{display:none}.steps{grid-template-columns:1fr}.step{align-items:center}.footer-inner{flex-wrap:wrap}.footer-links{order:3;width:100%}.auth-grid{gap:29px}.auth-intro h1{font-size:38px}.auth-intro>p{font-size:14px}.auth-card{padding:24px 18px}.field-row{grid-template-columns:1fr}.dashboard-main{padding:20px 14px 50px}.preview-controls{flex-direction:column;align-items:stretch;padding:13px}.segmented{width:100%}.segmented button{flex:1;padding:10px 8px}.dashboard-heading{min-height:auto;margin-bottom:18px}.dashboard-heading.with-photo{min-height:135px}.dashboard-heading h1{font-size:clamp(29px,8vw,40px)}.dashboard-heading p{font-size:12px}.dashboard-heading-photo{opacity:.27;background-position:28%;width:51%}.metric-grid{gap:10px}.metric-card{min-height:160px;padding:15px}.metric-icon{width:38px;height:38px;margin-bottom:9px;position:static}.metric-card>small,.metric-card>strong,.metric-card>p,.metric-package .package-progress-track{margin-left:0}.metric-card>small{min-height:24px;font-size:8px}.metric-card>strong{letter-spacing:-1px;font-size:28px}.metric-card>strong.metric-date{min-height:41px;font-size:16px}.metric-card>strong.metric-package-title{font-size:13px}.metric-card>p{font-size:10px}.panel-card{padding:18px 14px}.panel-card h2{font-size:17px}.lesson-row{gap:10px}.lesson-date-tile{flex-basis:46px;width:46px;height:51px}.lesson-date-tile strong{font-size:20px}.lesson-details>small{font-size:9px}.lesson-details strong{font-size:11px}.lesson-action{padding:8px;font-size:10px}.dashboard-cta{flex-wrap:wrap;gap:10px;padding:15px}.dashboard-cta>div{flex:calc(100% - 70px)}.dashboard-cta .button{width:100%}.booking-concept{padding:18px}.booking-steps{grid-template-columns:1fr;gap:8px}.tutor-preview{flex-wrap:wrap}.tutor-preview-label{margin-left:auto}}.lesson-action-static{color:#7e90a8;white-space:normal;cursor:default}:root{--navy:#0b2346;--navy-dark:#071b39;--navy-deep:#091b35;--red:#e31334;--red-hover:#bf0d29;--text:#102b4c;--muted:#5f718d;--light-muted:#70829d;--background:#f4f7fc;--border:#e2e9f2;--shadow:0 12px 34px #081f410e}html{scroll-padding-top:90px}body{color:var(--text);font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #3b70bc}.site-container,.container{width:min(100% - 88px,1490px)}.topbar{background:#102b4d;font-size:12px}.topbar-inner{min-height:39px}.topbar-left{gap:16px}.site-header{z-index:20}.site-header-inner{height:79px}.site-header-app{box-shadow:0 4px 22px #0c224106}.brand-mark{border-radius:13px;width:49px;height:49px;font-size:32px}.brand-copy strong{font-size:21px}.brand-copy small{letter-spacing:1.7px;font-size:9px}.top-nav{gap:31px;font-size:14px}.header-app-badge{color:#536d8e;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.button{border-radius:12px;min-height:46px;padding:12px 19px;font-size:14px}.button-small{min-height:41px;font-size:13px}.button-lg{min-height:55px;padding:15px 24px}.button-red{box-shadow:0 10px 24px #e3133426}.button-outline{border-color:#c8d4e3}.hero{background:radial-gradient(circle at 76% 27%,#eaf3ff 0%,#f8fbff 30%,#fff 70%);padding:64px 0 78px}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:40px;min-height:450px}.hero h1{max-width:760px;margin:22px 0 23px;font-size:clamp(51px,4.25vw,76px);line-height:1.04}.hero h1 span{display:inline}.hero-description{color:#526985;max-width:640px;font-size:17px;line-height:1.72}.hero-actions{flex-wrap:wrap;margin-top:27px}.hero-points{gap:20px;margin-top:40px}.hero-points>div{align-items:flex-start}.hero-point-icon{width:48px;height:48px}.hero-points strong{font-size:14px}.hero-points small{color:#617891;max-width:160px;margin-top:2px;font-size:12px}.hero-visual{min-width:0;position:relative}.hero-photo{aspect-ratio:805/465;background-position:50%;background-size:contain;height:auto;min-height:420px}.hero-photo-tag{color:#1a6550;background:#fffffff7;border:1px solid #dcece6;border-radius:999px;align-items:center;gap:9px;padding:9px 15px;font-size:12px;font-weight:750;display:inline-flex;position:absolute;bottom:5%;right:6%;box-shadow:0 16px 40px #0a214414}.benefits-section{padding:76px 0 84px}.section-head{margin-bottom:30px}.section-head h2,.how-section h2{font-size:clamp(36px,3.05vw,49px);line-height:1.13}.section-head>p,.how-intro>p{color:#60738d;max-width:400px;font-size:15px;line-height:1.7}.feature-grid{gap:20px}.feature-card{border-radius:19px;gap:19px;min-height:216px;padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card-link:hover{border-color:#cbd9ec;transform:translateY(-3px);box-shadow:0 18px 45px #081f4116}.feature-icon{flex-basis:55px;width:55px;height:55px}.feature-content{padding:4px 12px 21px 0}.feature-content small{color:#637996;margin-bottom:12px;font-size:10px}.feature-content h3{margin-bottom:9px;font-size:18px;line-height:1.32}.feature-content p{color:#617791;font-size:13px;line-height:1.67}.feature-arrow{color:var(--navy)}.how-section{background:linear-gradient(135deg,#f2f6fc,#fff);padding:78px 0 84px}.how-intro{justify-content:space-between;align-items:end;gap:55px;margin-bottom:34px;display:flex}.how-intro h2{max-width:760px;margin:14px 0 0}.how-intro>p{margin:0 0 6px}.how-section .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.how-section .step{box-shadow:var(--shadow);background:#fff;border:1px solid #e4ebf5;border-radius:18px;align-items:center;gap:12px;min-width:0;padding:24px}.how-section .step>span{border-radius:13px;flex-basis:40px;width:40px;height:40px;font-size:16px}.step-icon{border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.how-section .step h3{margin:0 0 7px;font-size:15px}.how-section .step p{color:#61768d;font-size:13px;line-height:1.55}.how-actions{align-items:center;gap:20px;margin-top:30px;display:flex}.how-actions span{color:#6b7f99;font-size:13px}.footer{background:var(--navy-dark);color:#fff;border:0}.footer-inner{padding:32px 0}.footer-brand strong{font-size:19px}.footer-brand small,.footer-note{color:#a8bbd1;font-size:12px}.footer-links{color:#dce5f2;font-size:13px}.footer-links a:hover{color:#fff;text-decoration:underline}.auth-page{background:radial-gradient(circle at 9% 12%,#e8f1ff,#0000 47%),#f7faff;padding:70px 0 90px}.auth-grid{grid-template-columns:minmax(0,1fr) minmax(370px,485px);gap:clamp(40px,6vw,105px)}.auth-intro h1{max-width:610px;font-size:clamp(40px,3.7vw,62px)}.auth-intro>p{color:#586f8a;font-size:17px}.auth-benefits{gap:12px;margin:32px 0 14px;display:grid}.auth-benefits span{color:#354f70;align-items:center;gap:11px;font-size:14px;font-weight:650;display:flex}.auth-benefits svg{color:#09825a}.auth-quote{margin-top:28px}.auth-quote p{color:#536985;font-size:16px}.auth-card{border-radius:22px;padding:37px;box-shadow:0 18px 55px #09204213}.auth-card h2,.token-box h1{font-size:25px}.auth-card-head p{font-size:13px}.auth-card-icon{width:51px;height:51px}.form{gap:19px}.form>label,.field-row>label{color:#2d4667;gap:9px;font-size:14px}.form>label>span[aria-hidden],.field-row>label>span[aria-hidden]{color:var(--red)}.form input{background:#fff;border:1px solid #cbd8e7;border-radius:11px;min-height:52px;font-size:15px}.form input:focus{border-color:#5d85bd}.form-hint{color:#71839b;font-size:12px;font-weight:450;line-height:1.5;display:block}.password-field{display:block;position:relative}.password-field input{padding-right:49px}.password-toggle{color:#415d80;background:#f2f6fb;border:0;border-radius:9px;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{background:#e8f0fa}.form-aside a,.auth-card-bottom a,.auth-card-bottom{font-size:13px}.info-note,.error-note,.success-note{padding:15px 17px;font-size:13px;line-height:1.55}.info-note,.success-note{align-items:flex-start;gap:12px;display:flex}.info-note svg,.success-note svg{flex:none;margin-top:1px}.info-note strong,.info-note span{display:block}.info-note strong{margin-bottom:3px}.muted{font-size:14px}.dashboard-wrap{background:#f5f8fc;min-height:calc(100vh - 79px)}.dashboard-container{width:min(100%,1950px)}.dashboard-grid{grid-template-columns:258px minmax(0,1fr);min-height:calc(100vh - 79px)}.sidebar{padding:35px 20px 26px}.sidebar-label{color:#677e9c;margin-bottom:20px;font-size:11px}.sidebar-nav a{min-height:53px;padding:12px 15px;font-size:14px}.sidebar-nav a.active{font-weight:780}.sidebar-support{margin-top:auto}.sidebar-support p{color:#5f718a;font-size:13px}.sidebar-support-link{font-size:13px}.sidebar-home-link{color:#6c7f99;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:12px;font-weight:650;display:flex}.sidebar-home-link svg{transform:rotate(180deg)}.dashboard-main{padding:33px clamp(25px,3.2vw,60px) 75px}.preview-controls{background:#eaf2ff;border-color:#ccdefb;border-radius:15px;gap:16px;margin-bottom:29px;padding:15px 18px}.preview-badge-icon{color:#2358a3;background:#dceaff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.preview-info{flex:1;min-width:0}.preview-info strong{color:#1e477c;font-size:14px}.preview-info small{color:#4d6990;max-width:750px;font-size:12px;line-height:1.5}.segmented{border:1px solid #e1e9f5}.segmented button{padding:10px 16px;font-size:12px}.dashboard-heading{min-height:184px;margin-bottom:24px}.dashboard-heading.with-photo{min-height:235px}.dashboard-heading-copy{max-width:720px!important}.dashboard-heading .section-kicker{font-size:11px}.dashboard-heading h1{margin:16px 0 12px;font-size:clamp(36px,3vw,53px)}.dashboard-heading p{color:#5f7390;max-width:650px;font-size:16px}.dashboard-heading-photo{background-position:50%;background-size:cover;border-radius:25px;width:39%;max-width:555px;height:100%;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 27%);mask-image:linear-gradient(90deg,#0000 0%,#000 27%)}.dashboard-heading-icon{width:85px;height:85px}.heading-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:23px;display:flex}.metric-grid{gap:17px;margin-bottom:23px}.metric-card{border-radius:17px;min-height:186px;padding:22px}.metric-icon{width:52px;height:52px;top:20px;left:20px}.metric-card>small{letter-spacing:1.05px;min-height:26px;margin:8px 0 15px 63px;font-size:11px}.metric-card>strong{margin-left:63px;font-size:36px}.metric-card>strong.metric-date{font-size:clamp(16px,1.25vw,21px);line-height:1.3}.metric-card>strong.metric-package-title{font-size:16px}.metric-card>p{color:#667992;margin:9px 0 0 63px;font-size:12px}.metric-package .package-progress-track{margin:9px 0 0 63px}.content-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:19px}.panel-card{border-radius:18px;margin-bottom:21px;padding:25px}.panel-card-head{margin-bottom:20px}.panel-card h2{font-size:21px}.panel-card-title{gap:12px}.mini-kicker{color:#667e9d;font-size:11px}.inline-link{font-size:13px}.lesson-row{gap:15px;padding:18px 0}.lesson-date-tile{flex-basis:61px;width:61px;height:66px}.lesson-date-tile strong{font-size:26px}.lesson-date-tile small{font-size:11px}.lesson-round-avatar{flex-basis:43px;width:43px;height:43px}.lesson-details>small{color:#697e9b;font-size:12px}.lesson-details strong{font-size:15px;line-height:1.35}.lesson-details>span{color:#637994;font-size:12px}.lesson-state{align-items:center;gap:6px;margin-top:5px!important;display:inline-flex!important}.status-dot{background:#9aabbf;border-radius:50%;width:7px;height:7px}.state-active .status-dot{background:#0ba66a}.lesson-action{min-height:38px;padding:9px 14px;font-size:13px}.lesson-list-indicator{color:#92a4ba;place-items:center;display:grid}.lesson-filter{background:#f2f6fc;border-radius:12px;gap:5px;margin-bottom:17px;padding:4px;display:inline-flex}.lesson-filter button{color:#637b99;background:0 0;border:0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.lesson-filter button.selected{color:var(--navy);background:#fff;box-shadow:0 3px 12px #0c264811}.empty-content{background:#f7faff;gap:13px;padding:38px 22px}.empty-content-icon{color:#3565a1;background:#eaf2fd;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.empty-content strong{color:var(--navy);font-size:16px}.empty-content span{max-width:370px;font-size:13px}.notice-inline{color:#466788;align-items:flex-start;gap:10px;margin-top:19px;padding:15px 17px;font-size:13px;display:flex}.notice-inline svg{flex:none;margin-top:1px}.offer-row strong{font-size:15px}.offer-row small{color:#627894;margin-top:5px;font-size:12px;display:block}.status-pill{font-size:12px}.package-list-item{align-items:flex-start;padding:22px 0}.package-details{min-width:0}.package-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.package-heading strong{font-size:17px}.package-details>p{color:#4d6480;margin:10px 0 15px;font-size:14px}.package-breakdown{color:#688099;flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:13px;display:flex}.package-breakdown b{color:var(--navy)}.package-progress-track{height:9px}.profile-panel{max-width:880px}.panel-lead{color:#617791;font-size:14px;line-height:1.6}.profile-table{margin:17px 0 0}.profile-table>div{padding:19px 5px}.profile-table dt{color:#627894;font-size:14px}.profile-table dd{color:var(--navy);text-align:right;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:750}.quick-actions .panel-card-head{margin-bottom:15px}.quick-title-icon{color:var(--red);align-items:center;display:flex}.quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.quick-links>a{border:1px solid #e1e9f3;border-radius:13px;align-items:center;gap:10px;min-width:0;min-height:63px;padding:10px 13px;font-size:13px;font-weight:650;transition:background .16s,border-color .16s;display:flex}.quick-links>a:hover{background:#f6f9fe;border-color:#c6d5e8}.quick-links>a>span:nth-child(2){flex:1}.quick-links>a>svg{color:#5e7593;flex:none}.quick-link-icon{color:#235ba4;background:#eaf2fe;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.dashboard-cta{border-radius:16px;padding:23px 27px}.dashboard-cta strong{font-size:17px}.dashboard-cta p{color:#627790;font-size:13px}.calendar-title-row>div:first-child{gap:12px}.calendar-title-row h2{font-size:21px}.calendar-title-row p{color:#6e829d;margin:4px 0 0;font-size:12px}.calendar-actions{gap:7px}.calendar-actions button{border-radius:10px;min-width:35px;height:36px}.calendar-actions button.today-button{font-size:12px}.calendar-actions button:disabled{opacity:.48}.calendar-month-row{justify-content:space-between;align-items:center;gap:10px;margin:15px 0 12px;display:flex}.calendar-month{text-transform:capitalize;margin:0;font-size:15px}.calendar-month-row>span{color:#7287a1;font-size:11px}.calendar-scroll{scrollbar-width:thin;overflow-x:auto}.calendar-surface{min-width:510px}.calendar-week-head,.calendar-grid-body{grid-template-columns:48px repeat(7,minmax(0,1fr))}.calendar-day-head small{color:#667e9b;font-size:12px}.calendar-day-head b{font-size:15px}.calendar-day-head.is-today{background:#fff3f5;border-radius:9px 9px 0 0}.calendar-times>div{color:#647995;height:62px;font-size:11px}.calendar-hour{height:62px}.calendar-event{text-align:left;color:#bd1836;background:#ffe6ec;border-color:#f5a6b7;border-radius:8px;flex-direction:column;justify-content:center;min-height:50px;padding:7px 6px;transition:background .15s;display:flex}.calendar-event:hover{background:#ffd2dc}.calendar-event strong{font-size:12px}.calendar-event span{font-size:10px;line-height:1.2}.calendar-footnote{color:#6a829d;align-items:center;gap:7px;margin:13px 0 0;font-size:11px;display:flex}.calendar-footnote a{color:var(--red);font-weight:700;text-decoration:underline}.booking-flow{padding:32px}.booking-flow-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.booking-flow-head h2{margin:10px 0 7px;font-size:26px}.booking-flow-head p{color:#637b98;max-width:760px;margin:0;font-size:15px}.badge-preview{color:#34639d;background:#eaf3ff;border:1px solid #cfe0f8;border-radius:99px;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.booking-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:27px 0 29px;padding:0;list-style:none;display:grid}.booking-step{min-width:0;margin:0}.booking-step span{font-size:17px}.booking-step b{font-size:14px}.booking-step.complete{color:#20784d;background:#effaf2;border-color:#bfdccc}.booking-stage h3{margin:0 0 6px;font-size:21px}.booking-assist{color:#637b98;margin:0 0 21px;font-size:14px;line-height:1.6}.tutor-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.tutor-option{text-align:left;color:var(--navy);background:#fff;border:2px solid #e3eaf3;border-radius:17px;align-items:center;gap:16px;padding:19px;display:flex}.tutor-option.selected,.date-options button.selected,.slot-skeleton button.selected{border-color:var(--red);background:#fff7f9}.tutor-option:hover,.date-options button:hover,.slot-skeleton button:hover{border-color:#c996a6}.tutor-large-avatar{flex:0 0 60px;width:60px;height:60px;font-size:20px}.tutor-option-text{flex:1;min-width:0}.tutor-option-text strong,.tutor-option-text small,.tutor-option-text>span{display:block}.tutor-option-text strong{font-size:17px}.tutor-option-text small{color:#506883;margin-top:4px;font-size:13px}.tutor-option-text>span{color:#768aa4;margin-top:7px;font-size:12px}.tutor-option>svg{color:var(--red);flex:none}.date-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.date-options button{color:#355272;text-transform:capitalize;background:#fff;border:2px solid #dae5f1;border-radius:12px;padding:14px 10px;font-size:13px;font-weight:720}.booking-schedule{background:#fafdff}.slot-skeleton{gap:11px}.slot-skeleton button{color:var(--navy);background:#fff;border:2px solid #dae4ef;border-radius:11px;padding:12px 24px;font-size:14px;font-weight:750}.booking-summary{border:1px solid #e3eaf3;border-radius:16px;margin:17px 0 21px;overflow:hidden}.booking-summary>div{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:center;gap:20px;padding:16px 21px;display:flex}.booking-summary>div:last-child{border-bottom:0}.booking-summary span{color:#6b7e99;font-size:14px}.booking-summary strong{color:var(--navy);text-align:right;font-size:15px}.booking-actions{justify-content:space-between;align-items:center;gap:13px;margin-top:25px;display:flex}@media (max-width:1500px){.site-container,.container{width:min(100% - 56px,1330px)}.hero h1{font-size:clamp(48px,4.3vw,69px)}.hero-points{gap:14px}.hero-points small{max-width:140px}.dashboard-main{padding:29px 34px 66px}.metric-card{padding:17px}.metric-icon{width:45px;height:45px;top:18px;left:15px}.metric-card>small,.metric-card>strong,.metric-card>p,.metric-package .package-progress-track{margin-left:56px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1190px){.top-nav{gap:18px}.hero-grid{gap:16px}.hero h1{font-size:clamp(42px,4.4vw,58px)}.hero-photo{min-height:350px}.hero-points{gap:11px}.hero-points small{font-size:11px}.feature-card{flex-direction:column;padding:24px}.how-section .step{flex-wrap:wrap;padding:18px}.dashboard-grid{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.sidebar-nav a{padding:11px;font-size:13px}.dashboard-heading-photo{width:38%}.dashboard-heading-copy{max-width:70%!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:160px}.content-grid{grid-template-columns:1fr}.calendar-surface{min-width:600px}.tutor-options{grid-template-columns:1fr}}@media (max-width:850px){.site-container,.container{width:calc(100% - 38px)}.site-header-inner{height:73px}.top-nav,.header-app-badge{display:none}.hero{padding:49px 0 62px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(41px,8vw,66px)}.hero-photo{aspect-ratio:805/465;min-height:0;margin-top:27px}.hero-photo-tag{bottom:4%}.hero-points{gap:18px}.section-head,.how-intro{display:block}.section-head>p,.how-intro>p{max-width:650px;margin:18px 0 0}.feature-grid{grid-template-columns:1fr}.feature-card{flex-direction:row;min-height:0}.how-section .steps{grid-template-columns:1fr}.how-section .step{flex-wrap:nowrap}.auth-grid{grid-template-columns:1fr;gap:32px}.auth-intro>p{max-width:700px}.auth-benefits{grid-template-columns:repeat(2,1fr)}.auth-quote{display:none}.dashboard-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0;padding:13px 20px}.sidebar-label,.sidebar-support,.sidebar-home-link{display:none}.sidebar-nav{scrollbar-width:thin;gap:6px;display:flex;overflow-x:auto}.sidebar-nav a{white-space:nowrap;min-height:44px;padding:10px 13px;font-size:13px}.dashboard-main{padding:25px 21px 55px}.preview-controls{flex-wrap:wrap}.preview-info{flex:55%}.segmented{flex:0 0 100%}.segmented button{flex:1}.dashboard-heading-copy{max-width:80%!important}.dashboard-heading-photo{opacity:.55;width:37%}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.site-container,.container{width:calc(100% - 32px)}.site-header-inner{height:67px}.brand-mark{width:38px;height:38px;font-size:25px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.header-actions .button-ghost{display:none}.header-actions .button{min-height:38px;padding:8px 11px;font-size:11px}.hero h1{font-size:clamp(39px,10vw,53px)}.hero-description{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .button{justify-content:center;width:100%;font-size:14px}.hero-points{gap:13px}.hero-points>div{flex:calc(50% - 13px)}.hero-point-icon{width:43px;height:43px}.hero-points strong{font-size:13px}.hero-points small{font-size:11px}.hero-photo-tag{padding:7px 10px;font-size:10px}.benefits-section{padding:58px 0}.section-head h2,.how-section h2{font-size:clamp(30px,8vw,39px)}.feature-card{gap:13px;padding:20px}.feature-content h3{font-size:17px}.feature-content p{font-size:13px}.feature-arrow{display:none}.how-section{padding:60px 0}.how-section .step{padding:16px}.how-actions{display:block}.how-actions .button{width:100%}.how-actions span{text-align:center;margin-top:13px;display:block}.footer-links{flex-wrap:wrap;gap:14px}.auth-page{padding:39px 0 64px}.auth-intro h1{font-size:38px}.auth-benefits{grid-template-columns:1fr}.auth-card{padding:24px 19px}.auth-card h2{font-size:21px}.field-row{grid-template-columns:1fr}.dashboard-main{padding:19px 13px 50px}.preview-controls{gap:10px;padding:14px}.preview-badge-icon{width:36px;height:36px}.preview-info strong{font-size:13px}.preview-info small{font-size:11px}.segmented{width:100%}.segmented button{padding:10px 7px;font-size:11px}.dashboard-heading,.dashboard-heading.with-photo{min-height:0;margin-bottom:23px}.dashboard-heading-copy{max-width:100%!important}.dashboard-heading h1{font-size:clamp(34px,9vw,46px)}.dashboard-heading p{font-size:14px}.dashboard-heading-photo{display:none}.heading-actions{align-items:stretch;gap:9px}.heading-actions .button{width:100%;font-size:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:171px;padding:15px}.metric-icon{width:40px;height:40px;margin:0 0 10px;position:static}.metric-card>small,.metric-card>strong,.metric-card>p,.metric-package .package-progress-track{margin-left:0}.metric-card>small{letter-spacing:.5px;min-height:26px;margin:0 0 6px;font-size:10px}.metric-card>strong{font-size:31px}.metric-card>strong.metric-date{min-height:43px;font-size:15px}.metric-card>strong.metric-package-title{min-height:43px;font-size:14px}.metric-card>p{font-size:11px}.panel-card{padding:18px 14px}.panel-card h2{font-size:19px}.panel-card-head{flex-wrap:wrap;gap:8px}.lesson-row{gap:9px}.lesson-date-tile{flex-basis:47px;width:47px;height:57px}.lesson-date-tile strong{font-size:21px}.lesson-round-avatar{display:none}.lesson-details>small{font-size:11px}.lesson-details strong{font-size:13px}.lesson-action{padding:8px 9px;font-size:11px}.quick-links{grid-template-columns:1fr}.calendar-title-row{flex-wrap:wrap;gap:15px}.calendar-month-row>span{font-size:10px}.dashboard-cta{flex-wrap:wrap;padding:17px}.dashboard-cta>div{flex:calc(100% - 75px)}.dashboard-cta .button{width:100%}.booking-flow{padding:21px 14px}.booking-flow-head{display:block}.badge-preview{margin-top:12px}.booking-flow-head h2{font-size:23px}.booking-steps{gap:5px}.booking-step{text-align:center;justify-items:center;gap:4px;padding:10px 5px;display:grid}.booking-step span{font-size:15px}.booking-step b{font-size:11px}.tutor-option{gap:11px;padding:12px}.tutor-large-avatar{flex-basis:47px;width:47px;height:47px;font-size:17px}.tutor-option-text strong{font-size:15px}.date-options{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-summary>div{padding:13px}.booking-summary span,.booking-summary strong{font-size:13px}.booking-actions{flex-wrap:wrap}.booking-actions .button{white-space:normal;flex:1}.package-heading{flex-wrap:wrap}.package-list-item{gap:12px}.profile-table>div{gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.demo-banner{color:#315b8d;letter-spacing:0;background:#ebf2fe;border-bottom:1px solid #d8e5f5;justify-content:center;align-items:center;gap:9px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.calendar-event.event-secondary{color:#265da4;background:#e8f1ff;border-color:#a5c7f1}.calendar-event.event-secondary:hover{background:#d9e9ff}@media (max-width:620px){.demo-banner{text-align:center;font-size:11px;line-height:1.45}}.integration-banner{color:#185a49;background:#eaf5f1;border:1px solid #cee4dc;border-radius:13px;align-items:center;gap:11px;margin-bottom:19px;padding:13px 17px;font-size:13px;line-height:1.6;display:flex}.integration-banner svg{flex:none}.integration-unavailable{max-width:780px;padding:35px 40px}.integration-unavailable h2{color:var(--navy);margin:18px 0 9px;font-size:25px}.integration-unavailable p{color:#556a83;max-width:630px;margin:0 0 21px;line-height:1.75}.logout-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.logout-error{color:#be1736;font-size:12px}@media (max-width:680px){.integration-unavailable{padding:24px}.integration-banner{align-items:flex-start}.logout-wrap{width:100%}}.a2-state{color:#385270;background:#f8fbff;border:1px solid #e3ebf5;border-radius:15px;align-items:flex-start;gap:16px;margin:5px 0 15px;padding:23px;display:flex}.a2-state-icon{width:42px;height:42px;color:var(--navy);background:#e8f1ff;border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.a2-state strong{color:var(--navy);margin:2px 0 5px;font-size:15px;display:block}.a2-state p{margin:0 0 11px;font-size:13px;line-height:1.6}.a2-state .button{margin-top:2px}.a2-first-loading{max-width:840px;min-height:240px;margin:50px auto}.a2-first-loading .a2-state{border:0;margin:0}.a2-period{border:1px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:15px 19px;display:flex}.a2-period strong{color:var(--navy);font-size:14px}.a2-period p{color:var(--muted);margin:3px 0 0;font-size:12px}.a2-period-actions{flex-wrap:wrap;gap:7px;display:flex}.a2-period-actions .button{min-height:36px}.a2-muted{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.a2-data-note{margin:-10px 0 20px;padding:0 2px}.a2-paging{flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0 0;display:flex}.a2-inline-error{color:#ac2343;margin:0;font-size:12px}.metric-card strong.metric-package-title{overflow-wrap:anywhere;font-size:20px;line-height:1.4;display:block}@media (max-width:750px){.a2-state{gap:11px;padding:17px}.a2-period{align-items:stretch;padding:15px}.a2-period-actions{width:100%}.a2-period-actions .button{white-space:normal;flex:1}}.a3-section{gap:22px;max-width:100%;margin-top:6px;display:grid}.a3-heading{gap:8px;display:grid}.a3-heading h2{letter-spacing:-.035em;color:var(--navy);margin:0;font-size:clamp(25px,2.7vw,35px)}.a3-heading p{color:#5f718a;max-width:800px;margin:0;font-size:14px;line-height:1.7}.a3-notice{color:#305780;background:#f0f6fe;border:1px solid #cadef4;border-radius:13px;padding:15px 18px;font-size:13px;line-height:1.65}.a3-success{color:#16603c;background:#e8f8f0;border-color:#b1e2c6}.a3-error{color:#98223c;background:#fff0f2;border-color:#ffc6d1}.a3-card{background:#fff;border:1px solid #e2eaf4;border-radius:17px;padding:23px;box-shadow:0 14px 30px #132c5109}.a3-card h3{color:var(--navy);margin:0 0 12px;font-size:18px;font-weight:800}.a3-card h4{color:var(--navy);margin:21px 0 9px;font-size:15px}.a3-stack{gap:20px;display:grid}.a3-form{gap:17px;display:grid}.a3-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.a3-form label{color:#1a385b;gap:7px;min-width:0;font-size:13px;font-weight:700;display:grid}.a3-form input,.a3-form select,.a3-form textarea{color:#102b4d;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cdd9ea;border-radius:10px;padding:12px 13px;font-size:14px;line-height:1.4}.a3-form input:focus,.a3-form select:focus,.a3-form textarea:focus{outline-offset:1px;border-color:#729dda;outline:2px solid #6497e3}.a3-form input:disabled,.a3-form select:disabled{opacity:.8;background:#f1f4f9}.a3-span-two{grid-column:1/-1}.a3-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.a3-actions small,.a3-muted{color:#71839b;font-size:12px;line-height:1.65}.a3-inline-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.a3-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.a3-controls span{color:#55708d;font-size:12px}.a3-slots{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:10px;margin:17px 0;display:grid}.a3-slot{text-align:center;color:#163554;cursor:pointer;background:#fff;border:1px solid #cbdcf2;border-radius:12px;justify-items:center;gap:5px;padding:13px 11px;font-size:13px;font-weight:750;transition:border-color .16s,background .16s,transform .16s;display:grid}.a3-slot small{color:#69819b;font-size:11px;font-weight:500}.a3-slot:hover{border-color:#e31334;transform:translateY(-1px)}.a3-slot.selected,.a3-slot[aria-pressed=true]{color:#c2092b;background:#fff0f3;border:2px solid #e31334}.a3-summary{color:#365775;background:#f7faff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:17px;font-size:13px;display:flex}.a3-summary strong{color:var(--navy);margin-right:auto}.a3-list{gap:10px;margin-top:12px;display:grid}.a3-list-row{border:1px solid #e2eaf4;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;min-width:0;padding:15px 16px;display:flex}.a3-list-row strong{color:var(--navy);word-break:break-word;font-size:14px;display:block}.a3-list-row p,.a3-list-row small{color:#60768f;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.5}.a3-list-row .button{flex:none}.a3-rule-list{gap:12px;display:grid}.a3-rule{background:#f7faff;border-radius:12px;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:9px;padding:13px;display:grid}.a3-rule .button{height:43px}.a3-tabs{border-bottom:1px solid #dde8f5;flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.a3-tabs button{color:#385674;cursor:pointer;background:#fff;border:1px solid #dae5f2;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:750}.a3-tabs button.selected{color:#d51237;background:#fff0f2;border-color:#f1b0bc}.a3-section button:disabled{opacity:.55;cursor:not-allowed}.a3-section .button{min-height:42px}.a3-section a:focus-visible,.a3-section button:focus-visible{outline-offset:2px;outline:3px solid #6497e3}@media (max-width:760px){.a3-card{padding:17px}.a3-form-grid{grid-template-columns:1fr}.a3-span-two{grid-column:auto}.a3-rule{grid-template-columns:1fr 1fr}.a3-rule label:first-child,.a3-rule .button{grid-column:1/-1}.a3-list-row{flex-direction:column;align-items:flex-start}.a3-list-row .button{width:100%}.a3-tabs button{flex:1}.a3-heading h2{font-size:26px}.a3-inline-between{align-items:flex-start}.a3-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.a4-wrap{color:#142b4d;max-width:1260px;min-height:calc(100vh - 96px);margin:0 auto;padding:40px 32px 64px}.a4-page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.a4-page-header h1{letter-spacing:-.04em;color:#142b4d;margin:11px 0;font-size:clamp(29px,3vw,44px)}.a4-page-header p,.a4-muted{color:#637795;font-size:14px;line-height:1.6}.a4-lesson-info{background:#edf4ff;border:1px solid #d7e5f9;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;padding:14px 19px;font-size:13px;display:flex}.a4-lesson-info strong{color:#0b2c56;font-weight:800}.a4-lesson-info span{color:#617795}.a4-card{background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:26px;box-shadow:0 14px 34px #142b4d0a}.a4-prejoin{grid-template-columns:minmax(0,1.9fr) minmax(225px,.7fr);gap:28px;display:grid}.a4-prejoin-main h2{margin:0 0 4px;font-size:23px}.a4-prejoin-side{background:#f3f7fc;border-radius:16px;align-self:start;padding:20px}.a4-prejoin-side h3{margin-top:0;font-size:17px}.a4-prejoin-side p{color:#617795;font-size:13px;line-height:1.6}.a4-preview-frame{aspect-ratio:16/9;background:#142540;border-radius:17px;place-items:center;max-width:590px;min-height:270px;margin:20px 0 14px;display:grid;overflow:hidden}.a4-preview-frame video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.a4-person-placeholder{color:#d8e6f8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:220px;padding:20px;display:flex}.a4-person-placeholder span{color:#758eb0;font-size:46px}.a4-person-placeholder strong{font-size:18px}.a4-person-placeholder small{color:#91a7c3;font-size:12px}.a4-controls{align-items:center;gap:20px;margin:13px 0;font-size:14px;font-weight:700;display:flex}.a4-controls label{cursor:pointer;align-items:center;gap:7px;display:flex}.a4-controls input{accent-color:#e91e46;width:17px;height:17px}.a4-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.a4-device-grid label{color:#294466;gap:7px;font-size:12px;font-weight:750;display:grid}.a4-device-grid select{color:#203b61;background:#fff;border:1px solid #cfdbed;border-radius:9px;width:100%;min-width:0;padding:11px 12px;font-size:13px}.a4-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:21px;display:flex}.a4-actions button:disabled{opacity:.48;cursor:not-allowed}.a4-notice{color:#355e91;background:#edf5ff;border:1px solid #d4e3fa;border-radius:9px;margin-top:12px;padding:13px;font-size:13px}.a4-error{color:#a41637;background:#fff0f3;border:1px solid #ffbeca;border-radius:11px;margin:0 0 18px;padding:14px 18px;font-size:13px}.a4-footer-note{text-align:center;color:#7c8eaa;margin-top:22px;font-size:12px}.a4-call{color:#eaf1fa;background:#0d1e37;border-radius:20px;padding:19px;box-shadow:0 16px 60px #0d1e3726}.a4-call-status{align-items:center;gap:12px;padding:4px 6px 17px;font-size:13px;font-weight:750;display:flex}.a4-call-status>span:last-child{color:#aac0dd;margin-left:auto;font-weight:450}.a4-live-dot,.a4-wait-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 4px #22c55e1f}.a4-wait-dot{background:#e8a72f;box-shadow:0 0 0 4px #e8a72f1f}.a4-call-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.a4-video-tile{aspect-ratio:16/10;background:#142a48;border-radius:15px;min-height:235px;position:relative;overflow:hidden}.a4-video{object-fit:cover;width:100%;height:100%}.a4-tile-name{color:#fff;background:#051123b3;border-radius:7px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.a4-share{background:#142a48;border-radius:12px;gap:10px;margin-top:14px;padding:12px;display:grid}.a4-share strong{font-size:12px}.a4-share video{object-fit:contain;background:#071426;max-height:330px}.a4-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:18px 0;display:flex}.a4-toolbar button{color:#f5f8ff;cursor:pointer;background:#253b5a;border:1px solid #395478;border-radius:11px;padding:12px 16px;font-size:12px;font-weight:700}.a4-toolbar button:disabled{opacity:.5}.a4-toolbar button.a4-leave{background:#e52648;border-color:#e52648}.a4-call .a4-device-grid{margin:0 0 4px}.a4-call .a4-device-grid label{color:#d7e4f9}.a4-lesson-link{white-space:nowrap;font-size:12px;color:#d91d41!important;font-weight:750!important}@media (max-width:850px){.a4-prejoin{grid-template-columns:1fr}.a4-prejoin-side{display:none}.a4-call-grid{grid-template-columns:1fr}.a4-page-header{flex-direction:column;align-items:flex-start}.a4-wrap{padding:22px 15px 44px}}@media (max-width:540px){.a4-device-grid{grid-template-columns:1fr}.a4-card{padding:16px}.a4-preview-frame{min-height:210px}.a4-toolbar button{flex:44%}.a4-video-tile{min-height:230px}}
