/* Reference-inspired presentation, scoped to the new surfaces. Existing brand and assets retained. */
.reference-home{background:#fff}.reference-home .reference-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;margin-top:24px;overflow:hidden;border-radius:14px;background:#f4f6fa;align-items:stretch}.reference-hero-copy{padding:48px 36px 36px}.reference-hero h1{font-size:clamp(2rem,3.2vw,3.4rem);letter-spacing:-.045em;line-height:1.1;color:#0c2049;margin:16px 0 20px}.reference-hero p{font-size:1.1rem;line-height:1.6;color:#34435a;max-width:540px}.reference-hero figure{position:relative;margin:0;min-height:420px}.reference-hero figure>img{width:100%;height:100%;object-fit:cover;display:block}.reference-hero figcaption{position:absolute;right:20px;bottom:22px;background:white;border:1px solid #e3e8f1;border-radius:10px;box-shadow:0 8px 25px #10275012;padding:15px 18px;display:flex;align-items:center;gap:10px;max-width:85%;font-size:.9rem;color:#18345c}.reference-hero figcaption svg{width:24px;height:24px;flex:none}.reference-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.reference-home .btn,.reference-account .btn,.reference-profile .btn{border-radius:7px;white-space:normal}.reference-language{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.875rem}.reference-language label{width:100%;color:#445571}.reference-language select{padding:9px;border:1px solid #dae1ed;background:white;border-radius:6px;max-width:100%}.reference-language .btn{padding:10px 14px;font-size:.875rem}.reference-audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;margin-bottom:30px}.reference-audience{display:flex;align-items:flex-start;gap:15px;border:1px solid #e1e7f0;border-radius:12px;padding:25px 20px;background:white;transition:transform .2s,border-color .2s,box-shadow .2s;color:#12294c}.reference-audience:hover{transform:translateY(-4px);border-color:#1356be;box-shadow:0 10px 24px #1027500b}.reference-audience h2{font-size:1.2rem;margin:0 0 6px}.reference-audience p{font-size:.95rem;line-height:1.6;color:#56647a;margin:0}.reference-audience-icon{display:inline-flex;padding:10px;border-radius:9px;background:#edf3ff;color:#1356be;flex:none;align-items:center;justify-content:center}.reference-audience-icon svg{width:23px;height:23px}.reference-round{margin-left:auto;color:#1356be;flex:none}.reference-round svg{width:20px;height:20px}.reference-home .edu-languages{margin-top:0}.reference-account{display:grid;grid-template-columns:225px minmax(0,1fr);gap:32px;align-items:start;padding-top:34px;padding-bottom:70px}.reference-sidebar{background:white;border:1px solid #e5eaf2;border-radius:12px;padding:24px 14px;position:sticky;top:18px;min-width:0}.reference-sidebar[hidden]{display:none}.reference-sidebar-brand img{width:142px;height:auto;display:block;margin:0 10px 18px}.reference-role{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#657590;margin:0 10px 22px}.reference-sidebar nav{display:flex;flex-direction:column;gap:5px}.reference-sidebar nav button,.reference-sidebar nav a{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;text-align:left;color:#253856;font:inherit;font-size:.9rem;line-height:1.4;padding:12px 11px;border-radius:6px;cursor:pointer}.reference-sidebar nav svg{width:19px;height:19px;flex:none}.reference-sidebar nav [aria-current=page],.reference-sidebar nav button:hover,.reference-sidebar nav a:hover{background:#eaf2ff;color:#123fb9}.reference-sidebar nav button:focus-visible,.reference-quick button:focus-visible{outline:2px solid #1356be;outline-offset:2px}.reference-content{min-width:0}.reference-account-heading{padding:2px 0 26px}.reference-account-heading h1{font-size:clamp(1.5rem,2.5vw,2rem);margin:7px 0;color:#102344;letter-spacing:-.03em;line-height:1.25}.reference-account-heading p{color:#60708a;margin:8px 0 0;font-size:1rem}.reference-account-logo{display:none}.reference-account .account-panel,.reference-panel{background:white;border:1px solid #e5eaf2;border-radius:12px;padding:26px;margin:0 0 24px;box-shadow:0 3px 12px #17315303}.reference-panel h2{font-size:1.15rem;line-height:1.4;margin:0 0 18px}.reference-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.reference-panel-heading h2{margin:0}.reference-panel-heading button{border:0;background:none;font:inherit;cursor:pointer;font-size:.9rem}.reference-panel-heading svg{width:16px;height:16px}.reference-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}.reference-stats article{background:white;border:1px solid #e5eaf2;border-radius:10px;padding:22px 14px;display:flex;align-items:center;text-align:center;flex-direction:column;gap:8px;min-width:0}.reference-stats strong{font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.3;color:#0c2049;overflow-wrap:anywhere}.reference-stats span{font-size:.85rem;line-height:1.5;color:#63708a}.reference-lesson{display:flex;gap:15px;align-items:center;padding:17px 0;border-top:1px solid #edf0f5}.reference-lesson:first-child{border-top:0}.reference-lesson>div{flex:1;min-width:0}.reference-lesson h3{font-size:1rem;margin:0 0 5px}.reference-lesson p,.reference-lesson time{font-size:.9rem;color:#62708a;margin:0;line-height:1.6}.reference-lesson .btn{padding:10px 13px;font-size:.85rem}.reference-empty{padding:34px}.reference-empty>.reference-audience-icon{margin-bottom:18px}.reference-empty p{font-size:1rem;line-height:1.7;color:#62708a;max-width:650px;margin-bottom:20px}.reference-badge{display:inline-block;font-size:.8rem;border-radius:5px;padding:6px 10px;color:#426082;background:#eef3f9}.reference-empty-inline{padding:16px 0;color:#62708a}.reference-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-quick a,.reference-quick button{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e5eaf2;background:white;border-radius:8px;color:#17375d;text-align:left;font:inherit;font-size:.95rem;cursor:pointer}.reference-quick svg{width:20px;height:20px;flex:none}.reference-quick svg:last-child{margin-left:auto}.reference-account.is-onboarding{display:block;max-width:640px;padding-top:38px}.reference-account.is-onboarding .reference-account-heading{text-align:center}.reference-account.is-onboarding .reference-account-logo{display:block;width:175px;height:auto;margin:0 auto 25px}.reference-account.is-onboarding .reference-account-heading .eyebrow{display:none}.reference-account.is-onboarding .access-onboarding{padding:28px}.reference-account .access-choice{border-radius:9px}.reference-account .access-onboarding legend{font-size:1.05rem;font-weight:500;color:#536780}.reference-account .access-choice strong{font-size:.97rem}.reference-account .access-choice span span{font-size:.875rem}.reference-account .access-summary{margin-bottom:24px}.reference-profile{width:min(850px,94vw);max-width:94vw;border-radius:14px;border:1px solid #e3e8f0}.reference-profile .modal-content{padding:34px}.reference-profile-header{display:flex;align-items:center;gap:25px;border-bottom:1px solid #e5eaf2;padding:0 0 26px;margin-bottom:26px}.reference-profile-header .teacher-modal-photo{width:150px;height:165px;border-radius:10px;object-fit:cover;margin:0}.reference-profile-header h2{font-size:1.8rem;margin:10px 0}.reference-profile .market-offers{background:#f5f7fb;border:1px solid #e5eaf2;border-radius:10px;padding:20px}.reference-profile .teacher-detail{white-space:pre-line}.reference-profile h3{font-size:1.1rem;margin-top:26px}
.reference-signup-panel{max-width:760px;margin:0 auto;text-align:center}.reference-signup-panel>p{color:#60708a;max-width:540px;margin:0 auto 24px;line-height:1.6}.reference-signup-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;text-align:left}.reference-signup-choices button{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:18px;border:1px solid #dfe6f1;border-radius:10px;background:#fff;color:#12294c;cursor:pointer;text-align:left;transition:.2s}.reference-signup-choices button:hover,.reference-signup-choices button:focus-visible{border-color:#1356be;box-shadow:0 8px 20px #10275012;transform:translateY(-2px);outline:0}.reference-signup-choices strong{font-size:1rem}.reference-signup-choices span{font-size:.86rem;line-height:1.55;color:#60708a}@media(max-width:720px){.reference-signup-choices{grid-template-columns:1fr}.reference-signup-choices button{min-height:auto}}
@media(max-width:1000px){.reference-hero-copy{padding:32px 24px}.reference-audience{padding:20px 15px;gap:10px}.reference-audience>.reference-round{display:none}.reference-account{grid-template-columns:190px minmax(0,1fr);gap:20px}.reference-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-quick{grid-template-columns:1fr}}
@media(max-width:720px){.reference-home .reference-hero{grid-template-columns:1fr;margin-top:14px}.reference-hero figure{height:270px;min-height:0}.reference-hero h1{font-size:2.2rem}.reference-audiences{grid-template-columns:1fr;gap:10px}.reference-audience>.reference-round{display:block}.reference-account{display:block;padding-top:18px}.reference-sidebar{position:static;padding:16px;margin-bottom:24px}.reference-sidebar-brand,.reference-role{display:none}.reference-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.reference-sidebar nav button,.reference-sidebar nav a{font-size:.875rem;padding:10px 8px}.reference-panel,.reference-account .account-panel{padding:20px}.reference-account.is-onboarding .access-onboarding{padding:20px}.reference-lesson{flex-wrap:wrap}.reference-lesson .btn{margin-left:48px}.reference-lesson>div{flex-basis:calc(100% - 65px)}.reference-panel-heading{align-items:flex-start}.reference-profile .modal-content{padding:22px}.reference-profile-header{gap:15px;align-items:flex-start}.reference-profile-header .teacher-modal-photo{width:95px;height:115px}.reference-profile-header h2{font-size:1.25rem}.reference-profile-header p{font-size:.875rem}.reference-profile-header{overflow-wrap:anywhere}.reference-account-heading h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.reference-audience{transition:none}.reference-audience:hover{transform:none}}