:root{--ink:#172d45;--black:#111214;--paper:#fffdf8;--yellow:#ffcf4a;--pink:#ff87b2;--blue:#8ecbf5;--green:#75d6b1;--line:#172d45;--muted:#5f6872;--white:#fff;--shadow:7px 7px 0 var(--ink)}
body{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.45}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px;top:10px;background:white;padding:10px;z-index:99}.skip:focus{left:10px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(4rem,8.5vw,7.3rem)}h2{font-size:clamp(2.2rem,4.6vw,4.3rem)}
header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);border-bottom:2px solid var(--ink);backdrop-filter:blur(12px)}nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font-size:1.1rem}.nav-links{display:flex;align-items:center;gap:24px}.nav-links>a:not(.button){font-weight:600;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);color:var(--ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:.16s transform,.16s box-shadow}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.button.small{min-height:43px;padding:0 17px}.button.dark{background:var(--black);color:white}.button.light{background:white}.text-action{font-weight:700;text-underline-offset:5px;text-decoration-thickness:2px}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.mode-button:focus-visible{outline:4px solid white;box-shadow:0 0 0 7px var(--ink);outline-offset:1px}
.hero{padding:66px 0 74px;background:var(--yellow);border-bottom:2px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:64px;align-items:center}.location{display:inline-block;margin-bottom:24px;padding:8px 12px;border:2px solid var(--ink);border-radius:999px;background:white;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hero h1{max-width:720px;margin-bottom:22px;color:var(--black)}.hero-copy>p{margin-bottom:30px;font-size:1.28rem;font-weight:600}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-art{position:relative;padding:0 28px 28px 0}.hero-art img{position:relative;z-index:2;width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);border-radius:18px}.art-stack{position:absolute;z-index:1;inset:27px 0 0 28px;border:2px solid var(--ink);border-radius:18px;background:var(--pink)}.art-note{position:absolute;z-index:3;right:-16px;bottom:3px;padding:15px 18px;border:2px solid var(--ink);border-radius:50%;background:white;font-weight:700;line-height:1.1;text-align:center;transform:rotate(-6deg)}
.subject-section,.tutor-preview,.tutors-section{padding:86px 0}.subject-section h2,.section-title{margin-bottom:34px}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.subject-card{display:flex;min-height:230px;padding:22px;flex-direction:column;justify-content:space-between;border:2px solid var(--ink);border-radius:14px;text-decoration:none;transition:.16s transform,.16s box-shadow}.subject-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow)}.subject-card span{font-size:.82rem;font-weight:700}.subject-card strong{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.05em}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.pink{background:var(--pink)}.green{background:var(--green)}
.tutor-preview{background:white;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{margin:0}.mini-tutors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini-tutors>a{display:grid;gap:16px;text-decoration:none}.mini-tutors>a:hover strong{text-decoration:underline;text-underline-offset:4px}.mini-avatar{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border:2px solid var(--ink);border-radius:14px;font-size:2.5rem;font-weight:700}.mini-avatar img,.portrait img{width:100%;height:100%;object-fit:cover}.mini-tutors strong,.mini-tutors small{display:block}.mini-tutors strong{font-size:1.2rem}.mini-tutors small{margin-top:3px;color:var(--muted);font-size:.9rem}.avatar-a{background:var(--pink)}.avatar-b{background:var(--blue)}.avatar-c{background:var(--yellow)}.avatar-d{background:var(--green)}.sample-note,.sample-banner{color:var(--muted);font-size:.82rem}.sample-note{margin:24px 0 0}.sample-banner{display:inline-block;margin:0 0 22px;padding:8px 11px;border:1px solid #b9c0c6;border-radius:999px;background:white}.error{color:#a12c20}
.about-strip{padding:58px 0;background:var(--ink);color:white}.about-row{display:grid;grid-template-columns:.55fr 1fr auto;gap:42px;align-items:center}.about-strip h2{margin:0;color:white;font-size:2.4rem}.about-strip p{margin:0;max-width:520px;font-size:1.18rem}.about-strip ul{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.about-strip li{padding:8px 12px;border:1px solid white;border-radius:999px;font-size:.85rem;font-weight:700}.final-cta{padding:88px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:48px;border:2px solid var(--ink);border-radius:16px;background:var(--yellow);box-shadow:var(--shadow)}.cta-box h2{margin:0;max-width:700px}
.page-hero{padding:68px 0 58px;border-bottom:2px solid var(--ink);background:var(--yellow)}.page-hero h1{margin:0}.page-hero p{margin:22px 0 0;font-size:1.16rem;font-weight:600}.tutors-hero p a{text-underline-offset:4px}.tutor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.tutor-card{display:grid;grid-template-columns:180px 1fr;overflow:hidden;border:2px solid var(--ink);border-radius:15px;background:white}.portrait{display:grid;place-items:center;min-height:265px;overflow:hidden;border-right:2px solid var(--ink);font-size:3rem;font-weight:700}.tutor-info{display:flex;padding:24px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}.tutor-info h2{margin:0 0 6px;font-size:2rem}.tutor-info p{margin:0;color:var(--muted);font-weight:600}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{padding:5px 8px;border:1px solid #9aa5ae;border-radius:999px;font-size:.76rem;font-weight:600}.tutor-info .button{min-height:43px;padding:0 16px}
.booking-hero{text-align:center}.form-section{padding:64px 0 90px}.form-shell{display:grid;grid-template-columns:.65fr 1.35fr;overflow:hidden;border:2px solid var(--ink);border-radius:16px;background:white;box-shadow:var(--shadow)}.form-intro{padding:42px;background:var(--blue);border-right:2px solid var(--ink)}.form-intro h2{font-size:3rem}.form-intro p{font-weight:600}.form-main{padding:42px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px;border:2px solid var(--ink);border-radius:10px;overflow:hidden}.mode-button{min-height:48px;border:0;background:white;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.mode-button+ .mode-button{border-left:2px solid var(--ink)}.mode-button.active{background:var(--yellow)}form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.booking-field.hidden{display:none}label{font-size:.88rem;font-weight:700}input,textarea,select{width:100%;padding:13px 14px;border:2px solid var(--ink);border-radius:8px;background:white;color:var(--ink);font:inherit}textarea{min-height:110px;resize:vertical}.form-note,.form-actions{grid-column:1/-1}.form-note{margin:0;color:var(--muted);font-size:.82rem}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.status{font-size:.88rem;font-weight:700}
footer{padding:30px 0;border-top:2px solid var(--ink);font-size:.9rem;font-weight:600}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:920px){.hero-grid{gap:35px}.subject-grid,.mini-tutors{grid-template-columns:repeat(2,1fr)}.about-row{grid-template-columns:1fr 1fr}.about-strip ul{grid-column:1/-1}.tutor-grid{grid-template-columns:1fr}.form-shell{grid-template-columns:1fr}.form-intro{border-right:0;border-bottom:2px solid var(--ink)}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1160px)}nav{height:68px}.nav-links{gap:10px}.nav-links>a:not(.button){display:none}.button.small{padding:0 13px}.hero{padding:46px 0 58px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:4rem}.hero-art{margin-top:10px}.subject-section,.tutor-preview,.tutors-section{padding:64px 0}.subject-grid{grid-template-columns:1fr 1fr;gap:12px}.subject-card{min-height:150px;padding:17px}.mini-tutors{gap:24px 12px}.section-title{align-items:start;flex-direction:column}.about-row{grid-template-columns:1fr;gap:18px}.about-strip ul{grid-column:auto}.cta-box{padding:34px 26px;align-items:flex-start;flex-direction:column}.page-hero{padding:52px 0 45px}.page-hero h1{font-size:4rem}.tutor-card{grid-template-columns:120px 1fr}.portrait{min-height:250px}.form-main{padding:30px 22px}.form-intro{padding:30px 22px}form{grid-template-columns:1fr}.field.full,.form-note,.form-actions{grid-column:auto}}
@media(max-width:440px){.subject-grid{grid-template-columns:1fr}.mini-tutors{grid-template-columns:1fr 1fr}.tutor-card{grid-template-columns:1fr}.portrait{min-height:150px;border-right:0;border-bottom:2px solid var(--ink)}.hero h1,.page-hero h1{font-size:3.35rem}.cta-box{box-shadow:5px 5px 0 var(--ink)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.subject-card{transition:none}}
.menu-toggle{display:none;align-items:center;gap:9px;min-height:43px;padding:0 13px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{display:block;width:18px;height:2px;background:var(--ink);content:"";transition:.16s transform}.menu-toggle i{position:relative}.menu-toggle i:before{position:absolute;top:-6px}.menu-toggle i:after{position:absolute;top:6px}.menu-toggle[aria-expanded="true"] i{background:transparent}.menu-toggle[aria-expanded="true"] i:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:after{top:0;transform:rotate(-45deg)}.nav-links a[aria-current="page"]:not(.button){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
@media(max-width:760px){header nav{position:relative}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:calc(100% + 2px);right:0;width:min(310px,calc(100vw - 28px));padding:12px;border:2px solid var(--ink);border-radius:0 0 12px 12px;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.nav-links.open{display:grid}.nav-links>a,.nav-links>a:not(.button){display:flex!important;min-height:46px;padding:0 12px;align-items:center;border-radius:7px}.nav-links>a:not(.button):hover{background:#f1ede3}.nav-links .button{margin-top:4px}}
.orange{background:#ff9a75}.purple{background:#c8a7ff}
@media(min-width:921px){.subject-grid{grid-template-columns:repeat(3,1fr)}}
.about-page-hero{background:var(--pink)}.about-page-section{padding:86px 0}.about-label{display:block;margin-bottom:15px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.about-story-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:start}.about-story{padding:12px 0}.about-story h2,.about-price-card h2{margin:0 0 22px;font-size:clamp(2.2rem,4vw,3.6rem)}.about-story p,.about-price-card p,.about-impact p{margin:0;font-size:1.06rem;line-height:1.7}.about-story p{max-width:59ch}.about-price-card{padding:34px;border:2px solid var(--ink);border-radius:16px;background:var(--yellow);box-shadow:var(--shadow)}.about-price-card h2{font-size:clamp(2rem,3.5vw,3rem)}.about-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:76px}.about-impact{display:flex;min-height:330px;padding:32px;flex-direction:column;border:2px solid var(--ink);border-radius:16px}.about-impact.confidence{background:var(--blue)}.about-impact.opportunity{background:var(--green)}.about-number{font-size:.8rem;font-weight:700}.about-impact h3{max-width:440px;margin:auto 0 18px;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em}.about-mission{max-width:960px;margin:82px auto 0;padding-top:42px;border-top:2px solid var(--ink);text-align:center}.about-mission p{margin:0;font-size:clamp(2rem,4.4vw,4rem);font-weight:700;line-height:1.12;letter-spacing:-.045em}
@media(max-width:760px){.about-page-section{padding:64px 0}.about-story-grid,.about-impact-grid{grid-template-columns:1fr}.about-story-grid{gap:34px}.about-price-card{padding:28px 24px}.about-impact-grid{gap:16px;margin-top:46px}.about-impact{min-height:auto;padding:26px 24px}.about-impact h3{margin:48px 0 16px}.about-mission{margin-top:58px;padding-top:34px;text-align:left}}
.tutor-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter{min-height:40px;padding:0 15px;border:2px solid var(--ink);border-radius:999px;background:white;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--yellow)}.tutor-card[hidden]{display:none}.no-results{padding:35px;border:2px dashed var(--ink);text-align:center;font-weight:700}.avatar-e{background:#ff9a75}.avatar-f{background:#c8a7ff}.avatar-g{background:var(--green)}
.request-section{padding:64px 0 90px}.request-shell{max-width:900px}.progress{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 22px;padding:0;list-style:none;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:white}.progress li{display:flex;min-height:58px;align-items:center;justify-content:center;gap:9px;border-right:2px solid var(--ink);font-weight:700;color:var(--muted)}.progress li:last-child{border-right:0}.progress li.active{background:var(--yellow);color:var(--ink)}.progress span{display:grid;place-items:center;width:26px;height:26px;border:2px solid currentColor;border-radius:50%;font-size:.78rem}.form-step,.contact-card,.request-complete{padding:42px;border:2px solid var(--ink);border-radius:16px;background:white;box-shadow:var(--shadow)}.form-step[hidden],#contact-panel[hidden],.request-complete[hidden]{display:none}.step-heading>span{display:block;margin-bottom:8px;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.step-heading h2{margin-bottom:30px;font-size:clamp(2.2rem,5vw,3.7rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.form-step fieldset{margin:0 0 24px;padding:0;border:0}.form-step legend{margin-bottom:10px;font-size:.88rem;font-weight:700}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:grid;min-height:52px;place-items:center;padding:8px;border:2px solid var(--ink);border-radius:9px;background:white;font-weight:700}.choice-grid input:checked+span{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.choice-grid input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px}.submit-status{min-height:1.3em;margin:22px 0 0;font-size:.84rem}.request-complete{text-align:center}.complete-mark{display:grid;width:72px;height:72px;margin:0 auto 18px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--green);font-size:2rem;font-weight:700}.request-complete h2{margin-bottom:14px}.request-complete>p:not(.location):not(.status){max-width:620px;margin:0 auto 25px;color:var(--muted)}.request-summary{max-width:620px;margin:28px auto;text-align:left;border:2px solid var(--ink);border-radius:10px;overflow:hidden}.request-summary div{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;padding:12px 15px;border-bottom:1px solid #c7d0d6}.request-summary div:last-child{border-bottom:0}.request-summary span{color:var(--muted);font-size:.85rem}.request-complete .actions{justify-content:center}.request-complete .status{margin-top:14px}
@media(max-width:760px){.tutor-tools{align-items:flex-start;flex-direction:column}.request-section{padding:42px 0 70px}.progress li{min-height:52px;font-size:.82rem}.form-step,.contact-card,.request-complete{padding:28px 20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.choice-grid{grid-template-columns:1fr}.step-actions .button{padding:0 16px}.request-summary div{grid-template-columns:1fr;gap:2px}}
#match-form,#contact-form{display:block}
@media(min-width:921px){
  .hero h1{font-size:clamp(4.25rem,5.8vw,5.1rem)}
  .booking-hero{padding:28px 0 26px}
  .booking-hero h1{font-size:3.5rem}
  .booking-hero .location{margin-bottom:12px}
  .booking-hero p{margin-top:12px}
  .request-section{padding:36px 0 68px}
  .request-shell{max-width:820px}
  .progress{margin-bottom:16px}
  .progress li{min-height:48px}
  .form-step,.contact-card,.request-complete{padding:32px}
  .step-heading h2{font-size:2.5rem}
}
.request-shell,.form-step,.contact-card,.request-complete{scroll-margin-top:90px}
.progress li.current{background:var(--yellow);color:var(--ink)}
.progress li.completed{background:#fff3c3;color:var(--ink)}
.form-step .form-grid+fieldset{margin-top:24px}
.field-hint{margin:14px 0 0;color:var(--muted);font-size:.84rem}
#contact-form .test-note{margin-bottom:18px}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#complete-title:focus{outline:none}