:root{--navy:#19334f;--ink:#19334f;--primary:#426cf2;--blue-soft:#edf2ff;--peach:#ffead8;--sage:#e0f1e9;--paper:#fcfaf5;--radius:22px}.brand-mark{background:#426cf2;border-radius:16px 16px 6px 16px}.header{height:90px}.brand strong{font-weight:800}.site-menu nav{gap:23px;font-size:13.52px}.site-menu nav>.nav-join{display:none}.header-join{background:#fff3df;color:#74502f;border-color:#f4d7ab;font-size:12.48px}.header-join:hover{background:#ffead0;color:#533c25}.hero{padding-block:50px 45px;gap:48px}.hero h1{font-size:clamp(38.48px,3.536vw,53.04px);line-height:1.32;letter-spacing:-1.8px}.hero-description{font-size:16.64px;line-height:1.9;max-width:530px}.school-hero-art{height:480px;padding:0;display:flex;align-items:center;justify-content:center}.school-hero-art:before{display:none}.school-hero-art img{width:100%;height:auto;object-fit:contain;display:block;max-height:none}.school-levels{display:flex;gap:9px;margin-top:18px}.school-levels a{display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 12px;border-radius:9px;background:#e9f0ff;font-size:11.44px;color:#3b5591;font-weight:600;flex:1;justify-content:space-between}.school-levels a:nth-child(2){background:#e2f1ea;color:#326a55}.school-levels a:nth-child(3){background:#ffecd8;color:#87552d}.school-levels span{font-size:10.4px;opacity:.65}.hero-quick{font-size:10.4px;margin-top:14px}.search-bar{border-radius:18px;box-shadow:0 12px 30px #19334f09;margin-top:24px}.search-bar .button{background:#426cf2}.benefits-strip{background:white;border:1px solid #ebe9df;border-radius:18px;padding-block:25px;margin-bottom:65px}.subject-card{background:#fff;box-shadow:0 5px 18px #19334f03}.subject-card:hover{transform:translateY(-3px);border-color:#b9c9f7}.subject-card .subject-symbol{background:#edf2ff;color:#426cf2}.subject-card.subject-1 .subject-symbol{background:#e1f1e9;color:#3b856f}.subject-card.subject-2 .subject-symbol{background:#fff0de;color:#bf7841}.subject-card.subject-3 .subject-symbol{background:#f1eafa;color:#9170b4}.teacher-card{border-color:#e1e7ef;box-shadow:0 5px 20px #19334f03}.tutor-cover{background:#dce7ff;color:#8aa6e6}.tutor-cover>span{opacity:.6;color:#607fbc}.tutor-cover>b{color:#5d7aab;opacity:.5}.tutor-cover i{border-color:#9db3dd}.profile-summary{border-color:#dae4f7}.profile-section-heading>span{background:#edf2ff;color:#426cf2}.tutor-heading h1{color:var(--navy)}.profile-nav{top:90px}.footer-main{grid-template-columns:1.45fr 1fr 1fr 1fr 1.15fr;gap:30px}.footer-main h2{margin-bottom:15px;font-size:13.52px}.footer-main>div{gap:10px}.footer-main a:not(.brand){font-size:12.48px;line-height:1.8;min-height:28px}.footer-main .footer-brand{padding-inline-end:15px}.footer-main .footer-brand p{font-size:12.48px;line-height:1.9;max-width:270px}.footer-main>div>h2:not(:first-child){margin-top:18px}.footer-contact{min-height:44px!important}.article-cover{max-width:920px;margin:0 auto 50px;border-radius:22px;overflow:hidden;background:#f7f3e9}.article-cover img{width:100%;height:auto;display:block;max-height:430px;object-fit:contain}.guide-image{height:auto;aspect-ratio:3/2;background:#f9f5ec}.guide-image img{object-fit:contain}.blog-hero{background:#e8efff}.blog-hero:after{color:#7b9bf52a}.guide-card{box-shadow:0 5px 20px #19334f03}.teacher-phone{display:flex;flex-wrap:wrap;margin-top:20px;font-size:12.48px;padding-inline:14px;gap:8px}.teacher-phone bdi{font-size:15.6px}.review-card .review-sort{font-size:12.48px}.teacher-invite{background:#e7f0ff}.join-heading .eyebrow,.review-heading .eyebrow{color:#426cf2}.member-panel .review-card .member-form{padding:18px;border:0;background:var(--paper)}
@media(max-width:1150px){.footer-main{gap:22px;grid-template-columns:1.25fr 1fr 1fr 1fr 1fr}.footer-main a:not(.brand){font-size:11.44px}.site-menu nav{gap:16px;font-size:12.48px}.header{gap:18px}.hero{gap:32px}.school-hero-art{height:420px}.hero h1{font-size:40.56px}.hero-description{font-size:14.56px}.school-levels a{font-size:10.4px;padding-inline:9px}.school-levels a svg{width:12px}}
@media(max-width:900px){.site-menu nav>.nav-join{display:flex}.header-join{display:none}.header{height:85px}.school-hero-art{height:auto}.school-levels{gap:7px}.school-levels a{font-size:9.36px;gap:5px}.school-levels span{display:none}.footer-main{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.footer-main .footer-brand{grid-column:1/-1;max-width:650px;display:grid;grid-template-columns:1fr 1fr;align-items:start}.footer-main .footer-brand p{max-width:350px;font-size:13.52px}.footer-main .footer-contact{grid-column:2;font-size:13.52px}.footer-main a:not(.brand){font-size:12.48px}}
@media(max-width:760px){.header{height:78px}.hero{padding-top:28px;gap:25px}.hero h1{font-size:35.36px;letter-spacing:-1.2px;margin-top:15px}.hero-description{font-size:14.56px;line-height:1.8}.school-hero-art{margin-top:0;max-height:310px;height:auto;padding:0}.school-hero-art img{max-height:310px}.school-levels a{font-size:11.44px;padding:9px 12px}.school-levels span{display:inline}.hero-quick{font-size:10.4px}.benefits-strip{margin-top:10px;padding:22px 15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.benefits-strip>div{flex-direction:column;gap:9px;text-align:center}.benefits-strip strong{font-size:11.44px}.benefits-strip small{font-size:9.36px}.profile-nav{top:78px}.article-cover{margin-bottom:30px;border-radius:16px}.article-cover img{max-height:none}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.footer-main .footer-brand{display:block;grid-column:1/-1;max-width:100%}.footer-main .footer-brand p{max-width:100%;margin-top:18px}.footer-main .footer-brand .footer-contact{margin-top:10px}.footer-main h2{font-size:13.52px}.footer-main a:not(.brand){font-size:11.44px}.footer-bottom{font-size:10.4px}.article-header h1{font-size:33.28px}.guide-card-body{min-height:265px}}
@media(max-width:370px){.hero h1{font-size:29.12px;letter-spacing:-.9px}.hero-description{font-size:12.48px}.school-levels a{font-size:9.36px;padding:8px 9px}.school-levels span{display:none}.school-levels{gap:6px}.hero-quick{font-size:9.36px}.benefits-strip{gap:8px}.benefits-strip strong{font-size:10.4px}.benefits-strip small{font-size:8.32px}.school-hero-art img{max-height:245px}.footer-main{gap:30px 15px}.footer-main a:not(.brand){font-size:10.4px}.footer-main h2{font-size:12.48px}}