:root{--navy:#1c354d;--green:#148b76;--deep:#116750;--body:#45685c;--line:#ddeae2;--cream:#fffaf3;--mint:#edf7ee;--wh:#fff;--shadow:0 12px 34px rgba(21,59,46,.06);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--navy);background:white}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9e2d0;outline-offset:2px}img{max-width:100%}a{color:inherit}p{line-height:1.82}h1,h2,h3{letter-spacing:-.035em}.container{max-width:1160px;margin:auto;padding:0 30px}.head{background:#fff;position:sticky;top:0;z-index:15;border-bottom:1px solid #eff2ef}.headinner{max-width:1160px;margin:auto;min-height:88px;display:flex;align-items:center;gap:26px;padding:10px 30px}.logo{width:198px;height:53px;object-fit:contain;object-position:left center;cursor:pointer}.topnav{margin-left:auto;display:flex;align-items:center;gap:8px}.topnav button{border:0;background:transparent;padding:12px 16px;border-radius:13px;font-size:14px;color:#5d776c;font-weight:750}.topnav button.active{background:#eaf6ef;color:#146c55}.whatsapp{border:0;background:#e7f5eb;color:#126c53;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;display:inline-flex;gap:8px;align-items:center;text-decoration:none;white-space:nowrap}.whatsapp img{width:20px;height:20px}.mobile-nav{display:none}.preview-ribbon{background:#f9f3e7;text-align:center;font-size:12px;padding:7px;color:#947142}.panel{display:none}.panel.active{display:block}.hero{background:linear-gradient(115deg,#ecf8ed 0%,#f9fcf6 62%,#fffdf8 100%);min-height:495px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding-top:42px;padding-bottom:28px}.eyebrow{display:flex;align-items:center;gap:10px;color:#318a72;letter-spacing:.20em;font-size:12px;font-weight:850}.eyebrow:before{content:'';height:2px;width:24px;background:#55aa92}.hero h1{font-size:clamp(44px,4.8vw,68px);font-weight:900;line-height:1.28;margin:22px 0 17px;color:#1e4a3b}.hero h1 span{color:#118877}.hero p{font-size:17px;color:#668479;max-width:510px;margin:0 0 27px}.btn{border:0;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:850;padding:15px 22px;transition:transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#166b55;color:white;box-shadow:0 8px 16px #166b551f}.btn.secondary{background:white;border:1px solid #c9e1d1;color:#176a56}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-hints{display:flex;gap:17px;flex-wrap:wrap;color:#5b8170;font-size:12px;margin-top:23px;font-weight:750}.hero-hints span::before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;background:#d7eee2;color:#187b61;width:18px;height:18px;margin-right:5px}.goose-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:425px}.goose-wrap::before{content:'';background:#d8ead6;border-radius:50%;width:350px;height:350px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.goose{position:relative;z-index:1;width:min(88%,350px);height:425px;object-fit:contain;mix-blend-mode:multiply}.section{padding:72px 0}.section.alt{background:#f7faf8}.section.soft{background:linear-gradient(120deg,#eff8f0,#f9fbf7)}.titleline{text-align:center;max-width:640px;margin:0 auto 30px}.labeltop{font-size:11px;letter-spacing:.21em;font-weight:850;color:#1b9b7b;margin-bottom:10px}.titleline h2{font-size:33px;line-height:1.42;font-weight:900;margin:0 0 10px;color:#1b4240}.titleline p{color:#788d81;font-size:14px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;border:1px solid #dfebe1;border-radius:18px;padding:24px 24px 23px;box-shadow:var(--shadow);min-height:174px}.stephead{display:flex;justify-content:space-between;align-items:center}.stepnum{color:#b8d5c5;font-size:31px;font-weight:900}.stepicon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e7f4ec;font-size:22px}.step h3{font-size:19px;color:#1b5647;margin:12px 0 6px}.step p{margin:0;color:#799085;font-size:13px}.form-section{padding:78px 0 84px}.form-layout{display:grid;grid-template-columns:.77fr 1.23fr;align-items:start;gap:58px}.formintro{padding:24px 0}.formintro h2{font-size:38px;line-height:1.4;color:#1d493b;margin:15px 0}.formintro p{color:#71887b;font-size:15px}.miniinfo{margin-top:23px;padding:16px;border-left:3px solid #4ca48c;background:#eaf6ed;border-radius:0 12px 12px 0;color:#457762;font-size:13px;line-height:1.9}.formcard{background:white;border:1px solid #dce9e0;border-radius:20px;box-shadow:0 18px 40px #1a533510;overflow:hidden}.formcardhead{padding:24px 26px;background:#ecf7f0;border-bottom:1px solid #dcece0}.formcardhead h3{font-size:20px;margin:0 0 5px}.formcardhead p{font-size:12px;color:#728d7e;margin:0}.formbody{padding:24px 26px 28px}.progress{display:flex;align-items:center;gap:8px;font-size:12px;color:#92a69b;font-weight:750;margin:0 0 23px}.circle{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2ebe5;color:#738d7d;font-size:11px}.circle.active{background:#169477;color:#fff}.progress .active-label{color:#16866d}.progress .stroke{height:1px;background:#dfebe5;flex:1}.group{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:12px;font-weight:850;color:#385e51;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;font-size:13px;border:1px solid #d9e6dd;padding:13px 13px;border-radius:10px;color:#345b4c;outline-color:#149376;background:#fff;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a2b1a7}.modechoices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.modechoices label{font-size:12px;display:flex;gap:6px;align-items:center;padding:12px;border:1px solid #d7e7dd;border-radius:9px;color:#456d5d}.modechoices input{accent-color:#148b76}.check{display:flex;gap:9px;align-items:flex-start;color:#607d6f;font-size:12px;line-height:1.7;margin:13px 0}.check input{accent-color:#148b76;margin-top:3px}.form-note{border-radius:11px;background:#eef8f2;padding:14px;color:#3d765d;font-size:12px;line-height:1.75;margin-top:17px}.formbtn{width:100%;margin-top:9px}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.profile{background:#fff;border:1px solid #e2eae4;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.avatar{height:52px;width:52px;border-radius:14px;display:grid;place-items:center;background:#e6f3ee;color:#1d8268;font-size:23px;font-weight:850;margin-bottom:17px}.profile h3{font-size:17px;margin:0 0 7px}.profile p{color:#789080;font-size:13px;margin:0 0 12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{background:#edf6ee;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:750;color:#27735b}.small-note{font-size:11px;text-align:center;color:#94a59b;margin:17px auto 0}.faq{max-width:780px;margin:auto}.faq details{border-bottom:1px solid #e0eae2;padding:19px 4px;color:#35574c}.faq summary{font-size:15px;font-weight:800;cursor:pointer}.faq details p{font-size:13px;color:#7b8e82;margin:12px 0 0}.footer{background:#183c39;color:white;padding:42px 0 28px}.footwrap{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer .logo{filter:brightness(0) invert(1);width:173px;height:49px}.footer p{font-size:12px;color:#b8d2c4;margin:3px 0}.footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#d9e7de}.footer nav a{cursor:pointer;text-decoration:none}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid #355952;font-size:11px;color:#89a99b}.tutorhero{background:#f7fbf7;padding:55px 0 63px}.tutorgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:start}.tutorlead h1{font-size:46px;font-weight:900;line-height:1.36;color:#1b4342;margin:14px 0}.tutorlead h1 span{color:#138b77}.tutorlead p{max-width:410px;font-size:14px;color:#71877d}.tutorfee{background:#fff7e8;border:1px solid #efd9b1;border-radius:17px;padding:23px 24px;margin-top:28px;box-shadow:0 9px 20px #a5823e10}.tutorfee .feeheading{display:flex;align-items:center;gap:10px;font-weight:850;font-size:15px;color:#6e572e}.feeicon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#fffdf8;border:1px solid #eddfc7;color:#b08744;font-size:18px}.tutorfee .feevalue{font-size:46px;line-height:1.3;color:#19394a;font-weight:900;letter-spacing:-.06em;margin:8px 0}.tutorfee .feevalue small{font-size:15px;color:#52695d;letter-spacing:0}.tutorfee p{font-size:12px;color:#736b57;line-height:1.85}.feeexample{background:#fff;border:1px solid #ebdfc8;border-radius:10px;padding:14px;color:#395045;font-size:12px;line-height:1.9;margin:15px 0}.feefine{font-size:11px;color:#928367;line-height:1.75}.tutorform .formcardhead{background:#eaf6f1}.approval{border:1px solid #d8e6dd;background:#f7faf8;padding:13px;border-radius:10px;margin:12px 0}.approval .check{margin:0}.approval strong{color:#276e57}.approval small{display:block;margin-top:8px;color:#7c8d80;font-size:11px;line-height:1.7}.cases-hero{background:linear-gradient(115deg,#edf8f0,#fafbf6);padding:64px 0 40px}.cases-hero h1{font-size:42px;margin:13px 0 10px}.cases-hero p{font-size:15px;color:#688579}.case-controls{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.case-controls button{border:1px solid #daeadf;background:#fff;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:800;color:#607a68}.case-controls button.active{color:#fff;background:#16745c;border-color:#16745c}.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:40px}.case{border:1px solid #deebe2;border-radius:16px;background:#fff;padding:25px;box-shadow:var(--shadow)}.case .case-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:850;color:#2a8970}.case .badge{font-size:11px;color:#27775a;background:#e9f7ed;padding:7px 11px;border-radius:30px}.case h3{font-size:22px;margin:14px 0 15px;color:#1f4439}.case .detail{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:13px;color:#617b6e;line-height:1.5;margin:20px 0}.case .detail small{display:block;font-size:10px;color:#9aac9d;margin-bottom:4px}.case .btn{font-size:12px;padding:12px 16px}.empty{background:#fff;padding:30px;color:#6e8d7c;border-radius:12px;text-align:center}.demo-banner{background:#fff7e6;color:#926b35;font-size:12px;padding:10px 14px;border-radius:9px;margin-bottom:18px}.page-spacer{padding:54px 0}.contact-title{font-size:28px;color:#244e41;margin:0 0 13px}.contact-call{background:#e7f5eb;border-radius:19px;padding:24px;display:flex;align-items:center;gap:16px;justify-content:space-between}.contact-call p{font-size:13px;color:#69867a;margin:0}.formstep[hidden]{display:none!important}.success-demo{display:none;background:#f6f9ec;color:#487450;padding:11px;border-radius:9px;font-size:12px;margin:12px 0}
@media(max-width:900px){.headinner{padding:10px 24px}.container{padding:0 24px}.logo{width:170px}.topnav button{font-size:12px;padding:10px 9px}.hero-grid{grid-template-columns:1.1fr .9fr;gap:10px}.hero h1{font-size:46px}.goose{height:360px;width:min(95%,320px)}.goose-wrap{min-height:375px}.goose-wrap:before{width:300px;height:300px}.form-layout,.tutorgrid{gap:26px}.profiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{padding:0 20px}.head{position:relative}.headinner{min-height:70px;padding:8px 18px;gap:8px}.logo{width:165px;height:42px}.topnav{display:none}.whatsapp{margin-left:auto;padding:9px 10px;font-size:0;border-radius:50%}.whatsapp img{height:21px;width:21px}.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px 17px 12px;background:#fff}.mobile-nav button{border:0;background:#f6f8f6;font-size:12px;font-weight:850;color:#6b8176;padding:12px 6px;border-radius:11px}.mobile-nav button.active{background:#e7f3eb;color:#12745b}.preview-ribbon{font-size:10px;padding:6px 10px}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;padding-top:38px;padding-bottom:28px;gap:6px}.hero-copy{width:100%}.hero h1{font-size:42px;margin:14px 0}.hero p{font-size:14px;margin-bottom:21px}.eyebrow{font-size:10px}.hero-actions .btn{font-size:13px;padding:13px 16px}.hero-hints{gap:10px;font-size:10px;line-height:1.5;margin-top:20px}.goose-wrap{min-height:260px;width:100%;margin-top:4px}.goose-wrap:before{width:235px;height:235px}.goose{height:270px;width:250px}.section{padding:48px 0}.titleline{margin-bottom:23px}.titleline h2{font-size:26px}.titleline p{font-size:13px}.steps{grid-template-columns:1fr;gap:11px}.step{padding:17px 19px;min-height:0}.stephead{justify-content:flex-start;gap:18px}.stepnum{font-size:23px}.stepicon{width:35px;height:35px;font-size:18px}.step h3{font-size:16px;margin:8px 0 1px}.step p{font-size:12px}.form-section{padding:46px 0 50px}.form-layout,.tutorgrid{grid-template-columns:1fr;gap:16px}.formintro{padding:0}.formintro h2{font-size:29px;margin:9px 0}.formintro p{font-size:13px}.miniinfo{margin-top:12px}.formcardhead{padding:19px}.formbody{padding:19px}.group{gap:10px}.field{margin-bottom:13px}.field input,.field select,.field textarea{font-size:12px;padding:12px 10px}.modechoices{gap:7px}.modechoices label{font-size:11px;padding:10px 7px}.profiles{grid-template-columns:1fr}.profile{padding:20px}.section.alt{padding:50px 0}.faq details{padding:16px 0}.faq summary{font-size:13px}.footwrap{display:block}.footer{padding:34px 0 24px}.footer nav{margin-top:20px}.tutorhero{padding:37px 0 45px}.tutorlead h1{font-size:35px;margin:10px 0}.tutorlead p{font-size:13px}.tutorfee{margin:20px 0 6px;padding:19px}.tutorfee .feevalue{font-size:37px}.tutorfee .feevalue small{font-size:12px}.cases-hero{padding:39px 0 22px}.cases-hero h1{font-size:31px}.cases-hero p{font-size:13px}.case-controls{gap:7px;margin:19px 0}.case-controls button{font-size:11px;padding:10px 11px}.case-list{grid-template-columns:1fr;gap:12px}.case{padding:19px}.case h3{font-size:19px}.contact-call{display:block;padding:20px}.contact-call .whatsapp{font-size:13px;margin-top:15px;border-radius:999px}}
@media(max-width:370px){.container{padding:0 15px}.hero h1{font-size:38px}.group{grid-template-columns:1fr}.modechoices{grid-template-columns:1fr}.topnav{display:none}}

/* V11: original brand palette, responsive layouts, multi-select tutor subjects. */
[hidden]{display:none!important}.subjects{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 17px}.subjectpill{cursor:pointer;position:relative}.subjectpill input{position:absolute;opacity:0;width:1px;height:1px}.subjectpill span{display:inline-block;border-radius:99px;padding:9px 13px;border:1px solid #d6e7da;background:white;color:#547563;font-size:12px;font-weight:750}.subjectpill input:checked+span{border-color:#5aaf92;background:#dff3e9;color:#086f57}.subjectpill input:focus-visible+span{outline:3px solid #88c7af}.field-message{font-size:12px;color:#a35241;margin:8px 0}.success-message{padding:13px;background:#ecf7ee;color:#247454;border-radius:10px;font-size:12px;line-height:1.7;margin-top:11px}.profile-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 22px;justify-content:center}.profile-filters button{border:1px solid #d6e8d9;background:#fff;color:#557363;border-radius:99px;padding:10px 15px;font-weight:800;font-size:12px;cursor:pointer}.profile-filters button.active{background:#166b55;border-color:#166b55;color:#fff}.profile .meta{margin:13px 0 0;color:#6c8176;font-size:12px;line-height:1.7}.profile .btn{padding:10px 14px;font-size:12px}.empty-state{grid-column:1/-1;background:#f6faf6;border:1px dashed #c7decf;padding:23px;text-align:center;border-radius:13px;font-size:13px;color:#627e6b}.footer .logo{filter:none;background:white;padding:5px;border-radius:7px;height:auto;max-height:53px}.fee-svg{width:18px;height:18px}.subjecthelp{font-size:11px;color:#6c8778;margin:-8px 0 16px}.step-actions{display:flex;gap:9px;flex-wrap:wrap}.head button[data-tab]{cursor:pointer}.feeheader{display:flex;align-items:center;gap:9px}.profile-status{display:inline-block;font-size:11px;color:#137b60;font-weight:800;background:#eaf5ef;border-radius:50px;padding:6px 10px}.site-notice{font-size:11px;color:#708c7e;margin-top:9px}.form-msg{display:none}.form-msg.show{display:block}.subjectfilter-title{margin:12px 0 0;font-size:12px;text-align:center;color:#718a7c}.case .detail{word-break:break-word}.case .detail small{font-weight:850}.case .detail div{line-height:1.55}.privacy-note{background:#eef8f2;color:#3d765d;font-size:12px;line-height:1.8;padding:14px;border-radius:11px;margin-top:14px}
@media(max-width:720px){.profile-filters{justify-content:flex-start}.hero-grid{gap:0}.goose{mix-blend-mode:normal}.logo{max-width:165px}.tutorfee{margin-top:18px}}
/* TutorGoose V24 Production | V8 dark green x light warm grey, approved responsive layout */
:root{--navy:#203e35;--green:#116b55;--deep:#116b55;--body:#698174;--line:#dce8e0;--cream:#f7f7f3;--mint:#edf5ee;--wh:#fff;--shadow:0 11px 30px rgba(15,72,52,.07)}
html{scroll-padding-top:20px}body{color:#203e35;background:#fff}h1,h2,h3{color:#203e35}
.head{position:relative;top:auto;border:0;background:transparent;z-index:15}
.mast{background:#f7f7f3}.mast-inner{height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo-link{display:inline-flex;align-items:center;max-width:55%}.mast .logo{width:188px;height:54px;max-width:100%;object-position:left center}
.mast .whatsapp{margin:0;background:#fff;border:1px solid #dce9df;border-radius:999px;color:#116b55;box-shadow:0 1px 4px #26492e0a;font-size:13px;padding:10px 15px}
.mast .whatsapp img{width:22px;height:22px}
.site-nav{display:flex;justify-content:center;align-items:center;gap:9px;background:#fff;padding:10px 16px;border-bottom:1px solid #dce8e0}
.site-nav button{border:0;background:transparent;padding:12px 20px;border-radius:11px;font-weight:850;color:#667a70;font-size:14px}
.site-nav button.active{color:#116b55;background:#e7f3eb}.site-nav button:hover{background:#eff7f2}
.hero{background:linear-gradient(112deg,#edf5ee 0%,#f6faf5 64%,#fffdf9 100%);min-height:0}
.hero-grid{max-width:1160px;grid-template-columns:1.07fr .93fr;gap:24px;padding-top:45px;padding-bottom:40px}
.eyebrow{color:#0d8974}.eyebrow:before{background:#0d8974}
.hero h1{color:#203e35;line-height:1.24;font-size:clamp(45px,5vw,66px);letter-spacing:-.04em}
.hero h1 span,.tutorlead h1 span{color:#0d8974}
.hero p{color:#697f73}.btn.primary{background:#116b55;color:#fff}.btn.secondary{background:white;border-color:#dce8e0;color:#116b55}
.goose{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}.goose-wrap:before{background:#dcecdf}
.hero-mobile-bottom{display:none}
.hero-hints span::before{background:#e0f1e6;color:#116b55}
.section.soft{background:#f3f8f5}.section.alt{background:#f7faf8}
.step{border-color:#dce8e0}.stepnum{color:#0d8974}.stepicon{background:#e7f3eb;color:#116b55}.step h3{color:#203e35}
.form-section{background:#f3f8f5;padding-top:65px;padding-bottom:75px}
.form-layout{grid-template-columns:.83fr 1.17fr;gap:40px}
.formintro{border:0;box-shadow:none;background:transparent;padding:10px 0}
.formintro h2{color:#203e35;margin-top:13px}.formintro p{color:#708579}
.miniinfo{background:#e7f3eb;color:#266e55;border:0;border-radius:11px;line-height:2;padding:16px 18px}
.formcard{border-color:#dce8e0}.formcardhead{background:#e9f4ed}.formcardhead h3{color:#203e35}
.field-label{font-weight:850;color:#385e51;font-size:12px;margin:3px 0 7px}
.subjectpill span{padding:9px 12px;border:1px solid #d9e8dd;color:#5d7568}
.subjectpill input:checked+span{background:#116b55;color:white;border-color:#116b55}
.subjects{margin:9px 0 16px}.modechoices{display:flex;flex-wrap:wrap;gap:9px}
.modechoices label{background:#fff;cursor:pointer;min-width:140px;flex:1 1 40%;border-radius:10px;font-size:12px}
.modechoices label:has(input:checked){border-color:#116b55;background:#e7f3eb;color:#116b55;font-weight:850}
.online-note{background:#e7f3eb;color:#116b55;border-radius:9px;padding:12px 14px;font-weight:800;font-size:12px;margin:0 0 17px}
.field textarea{min-height:74px}.circle.active{background:#116b55}
.tutorhero{background:#f3f8f5;padding:60px 0 70px}
.tutorgrid{grid-template-columns:.9fr 1.1fr;gap:46px}
.tutorlead h1{color:#203e35;font-size:clamp(35px,4vw,48px)}
.tutorfee{background:#fff8eb;border:1px solid #eadabd;border-radius:17px;padding:23px;box-shadow:0 11px 25px #72612e11}
.tutorfee .feeheading{font-size:14px;color:#7a663e}.feeicon{width:38px;height:38px;background:#faebcc;border:0;border-radius:11px;color:#956e37}
.fee-svg{height:21px;width:21px;display:block}
.tutorfee .feevalue{color:#234039;font-size:46px;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin:16px 0 13px;line-height:1.15}
.tutorfee .feevalue small{font-weight:800;color:#647769;font-size:14px}
.tutorfee p{color:#53665c;font-size:13px;line-height:1.9}.tutorfee p strong{color:#116b55}
.feeexample{border-color:#ecdfc7;background:#fff;border-radius:10px;padding:16px;font-size:13px;line-height:1.9}.feeexample strong:last-child{color:#116b55}
.feefine{color:#87765f;font-size:12px}
.tutorform .formcardhead{background:#e9f4ed}
.consent-list{display:grid;gap:11px;margin:17px 0 14px}
.consent-tile{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:13px;background:#f3f8f4;color:#345c4b;cursor:pointer;font-size:12px;line-height:1.8}
.consent-tile:has(input:checked){background:#e8f4eb}.consent-tile input{appearance:auto;accent-color:#116b55;flex:none;width:19px;height:19px;margin:3px 0 0;cursor:pointer}
.consent-tile strong{font-weight:900}.consent-tile a{color:#126b55;font-weight:850}
.cases-hero{background:linear-gradient(115deg,#edf5ee,#fffdf8);padding:55px 0 40px}
.case-filter-label{font-size:13px;font-weight:850;margin:20px 0 9px;color:#203e35}
.case-grade-controls{margin:0 0 26px}.case-subject-controls{margin:0 0 34px}
.case-controls{gap:9px}.case-controls button{background:#fff;color:#63786c;border:1px solid #dce8e0;border-radius:99px;padding:10px 14px;font-size:12px}
.case-controls button.active{background:#116b55;border-color:#116b55;color:white}
.case-list{margin-top:38px}.case{border-color:#dce8e0}.case .badge{background:#e7f3eb;color:#116b55}
.footer{background:#183b33;padding:47px 0 28px}.footer-wordmark{color:white;font-size:32px;letter-spacing:-1.1px;font-weight:900;line-height:1.25;margin-bottom:12px}.footer-wordmark sup{color:#f5b553;font-size:16px;position:relative;top:-8px}.footer nav a:hover{text-decoration:underline}
.footer .admin-link{opacity:.81}.copyright{border-color:#ffffff29}.footer p{color:#c8ded1}
.mobile-dock{display:none}
@media(max-width:900px){.mast-inner{height:70px}.form-layout,.tutorgrid{gap:24px}}
@media(max-width:680px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .container{padding:0 16px}
  .mast-inner{height:65px;padding:0 16px}.mast .logo{max-width:135px;width:135px;height:39px}
  .mast .whatsapp{font-size:11px;padding:8px 11px;border-radius:99px;margin:0;gap:6px}
  .mast .whatsapp img{width:18px;height:18px}
  .site-nav{padding:8px 4px;gap:3px;justify-content:space-around}
  .site-nav button{font-size:11px;padding:9px 6px;border-radius:9px;white-space:nowrap}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:8px 3px;align-items:center;padding-top:22px;padding-bottom:24px}
  .hero-copy{width:auto;min-width:0}.eyebrow{font-size:9px;letter-spacing:.10em}.eyebrow:before{width:13px}
  .hero h1{font-size:clamp(22px,7.45vw,30px);line-height:1.28;letter-spacing:-.045em;margin:10px 0;white-space:nowrap}
  .hero-copy>p,.hero-copy .hero-actions,.hero-copy .hero-hints{display:none}
  .goose-wrap{width:100%;min-height:167px;margin-top:0}.goose-wrap:before{width:136px;height:136px;max-width:95%}
  .goose{width:100%;height:180px;max-width:100%;object-fit:contain}
  .hero-mobile-bottom{display:block;grid-column:1/-1;padding-top:3px}
  .hero-mobile-bottom p{font-size:12px;margin:0 0 13px;color:#698174;line-height:1.8}
  .hero-mobile-bottom .btn{width:100%;font-size:12px;padding:12px}
  .section{padding:42px 0}
  .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .step{border-radius:14px;min-width:0;padding:12px 8px;min-height:0}
  .stephead{justify-content:space-between;gap:4px}.stepnum{font-size:21px}.stepicon{width:29px;height:29px;font-size:16px}
  .step h3{font-size:12px;line-height:1.45;margin:8px 0 5px}.step p{font-size:10px;line-height:1.6}
  .titleline h2{font-size:26px}
  .form-layout,.tutorgrid{display:grid;grid-template-columns:1fr;gap:17px}
  .form-section{padding:40px 0 46px}.formintro{padding:0}.formintro h2{font-size:28px}.miniinfo{padding:14px;margin-top:14px}
  .formcardhead{padding:16px}.formbody{padding:17px}
  .group{grid-template-columns:1fr;gap:0}
  .modechoices{display:flex;gap:7px}.modechoices label{flex:1 1 45%;font-size:11px;padding:10px 9px;min-width:120px}
  .consent-tile{padding:14px 12px;gap:12px;font-size:12px}
  .tutorhero{padding:38px 0 50px}.tutorlead h1{font-size:33px}
  .tutorfee{margin:20px 0 4px;padding:19px}.tutorfee .feevalue{font-size:40px}.tutorfee .feevalue small{font-size:12px}
  .case-subject-controls{margin-bottom:37px}.case-list{margin-top:35px;margin-bottom:0}.case-controls button{font-size:11px;padding:9px 11px}
  .footer{padding:31px 0 28px}.footwrap{display:block}.footer-wordmark{font-size:27px}.footer nav{gap:15px;margin-top:18px}
  .mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;gap:10px;align-items:center;justify-content:center;padding:12px 13px calc(13px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#ffffff00,#fffffff5 29%,#fff 100%);pointer-events:none}
  .mobile-dock>*{pointer-events:auto}.dock-primary{height:50px;flex:1;max-width:620px;border:0;border-radius:12px;background:#116b55;color:#fff;font-size:14px;font-weight:900;box-shadow:0 5px 20px #116b5535}
  .dock-whatsapp{height:50px;width:50px;flex:none;border-radius:12px;background:#25d366;box-shadow:0 5px 16px #0c81324b;display:grid;place-items:center}
  .dock-whatsapp img{height:27px;width:27px;filter:brightness(0) invert(1)}
}
@media(max-width:370px){.hero h1{font-size:clamp(20px,7vw,24px)}.site-nav button{font-size:10px;padding:9px 5px}.modechoices label{min-width:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


/* V2.2: individual inline validation messages, responsive and accessible. */
.field-error-text{display:block;margin:6px 0 12px;color:#b42328;font-size:12px;font-weight:750;line-height:1.6;letter-spacing:0}
.field.field-invalid > input,.field.field-invalid > select,.field.field-invalid > textarea{border:2px solid #c73e3e!important;background:#fff9f8!important;outline-color:#d24848}
.subjects.field-invalid .subjectpill span{border-color:#dc6363;background:#fff9f8}
.check.field-invalid,.consent-tile.field-invalid{border-radius:11px;outline:1px solid #dc6363;outline-offset:1px;background:#fff5f4!important}
.field-invalid input[type=checkbox]{accent-color:#c73e3e}
.field-error-text[hidden]{display:none!important}
@media(max-width:680px){.field-error-text{font-size:12px;margin-top:5px;margin-bottom:12px}}

/* V3.0 approved unified white header: desktop right-aligned nav; mobile two white rows. */
.head {background:#fff!important; border-bottom:1px solid #e5eee8!important; box-shadow:0 1px 0 rgba(20,72,51,.025); }
.head .mast {background:#fff!important;}
.head .mast-inner {display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; height:82px; max-width:1200px; gap:17px; padding:0 25px; margin:0 auto;}
.head .logo-link {flex:none; max-width:none;}
.head .mast .logo {width:186px;height:51px;max-width:100%;}
.head .site-nav {display:flex;flex:1;align-items:center;justify-content:flex-end;gap:5px; padding:0; margin-left:auto; margin-right:3px; background:#fff!important; border:0!important; min-width:0;}
.head .site-nav button {color:#586f62;font-size:13px;font-weight:850;padding:12px 14px;border-radius:12px;white-space:nowrap;min-height:43px;}
.head .site-nav button.active {background:#e6f3eb!important;color:#116b55!important;}
.head .mast .whatsapp {flex:none;margin:0!important;border:1px solid #d5eade!important;padding:10px 14px!important;background:#fff!important;font-size:12px!important;}
.hero{background:linear-gradient(112deg,#eaf5ef 0%,#f5faf4 62%,#fffdf8 100%)!important;}
@media(max-width:940px) and (min-width:681px){
 .head .mast-inner{padding:0 17px;gap:8px;}
 .head .mast .logo{width:156px;}
 .head .site-nav button{font-size:12px;padding:10px 10px;}
 .head .mast .whatsapp{font-size:11px!important;padding:9px 11px!important;}
}
@media(max-width:680px){
 .head{position:relative;top:auto;}
 .head .mast-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand contact' 'navigation navigation';column-gap:8px;row-gap:5px;align-items:center;height:auto!important;padding:10px 12px 9px!important;}
 .head .logo-link{grid-area:brand;min-width:0;width:149px;max-width:100%;}
 .head .mast .logo{width:149px!important;max-width:100%;height:39px!important;object-fit:contain;object-position:left center;}
 .head .mast .whatsapp{grid-area:contact;display:inline-flex;justify-self:end;gap:5px;margin:0!important;font-size:10.5px!important;line-height:1.2;padding:8px 10px!important;min-height:36px;white-space:nowrap;}
 .head .mast .whatsapp img{width:17px;height:17px;}
 .head .site-nav{grid-area:navigation;display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(0,.95fr) minmax(0,.9fr);gap:6px;justify-content:stretch;margin:2px 0 0; padding:4px 0 0!important;min-width:0;width:100%;border:0!important;background:#fff!important;}
 .head .site-nav button{display:block;font-size:11px!important;padding:11px 5px!important;min-width:0;min-height:43px!important;border-radius:11px!important;letter-spacing:0;}
 .head .site-nav button.active{background:#e6f3eb!important;color:#116b55!important;}
 .hero{border:0;margin:0;}
}
@media(max-width:365px){
 .head .mast-inner{padding:9px 10px!important;}
 .head .logo-link,.head .mast .logo{width:130px!important;}
 .head .site-nav{gap:3px;}
 .head .site-nav button{font-size:10px!important;padding:10px 2px!important;}
 .head .mast .whatsapp{font-size:10px!important;padding:8px 8px!important;}
}


/* V3: Fee / privacy checkboxes are ordinary rows; optional profile opt-in is a separate panel. */
.consent-list{gap:9px;margin:18px 0 14px}
.consent-simple{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.75;color:#5c796a;cursor:pointer;padding:2px 3px}
.consent-simple input,.consent-profile-option input{flex:none;appearance:auto;width:16px;height:16px;margin:3px 0 0;accent-color:#116b55;cursor:pointer}
.consent-simple a{color:#116b55;text-decoration:underline;text-underline-offset:2px}
.consent-profile-option{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;background:#f5faf7;border:1px solid #d7e7dc;border-radius:12px;cursor:pointer;color:#2c7057;line-height:1.7}
.consent-profile-option input{margin-top:4px;width:17px;height:17px}
.consent-profile-copy{display:block;min-width:0}
.consent-profile-copy strong{display:block;font-size:12px;font-weight:850;color:#237454}
.consent-profile-copy small{display:block;font-size:11px;color:#72887d;margin-top:5px;line-height:1.7}
.consent-simple.field-invalid,.consent-profile-option.field-invalid{outline:1px solid #dc6363;outline-offset:2px;border-radius:10px;background:#fff5f4}
.stepicon svg{display:block;width:23px;height:23px;color:#20785e}
@media(max-width:680px){.consent-profile-option{padding:13px 12px}.consent-simple{font-size:11px}}

/* V3: consistent dropdown chevrons on student, tutor and Admin forms. */
select:not([multiple]){
 -webkit-appearance:none!important;appearance:none!important;
 padding-right:44px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e6556' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:right 15px center!important;
 background-size:16px 16px!important;
 cursor:pointer;
}
select:not([multiple]):disabled{cursor:not-allowed}

/* V3.2.6: featured six profiles and a paginated, separate tutor directory. */
.browse-cta{display:flex;justify-content:center;gap:12px;margin:26px auto 4px}
.browse-cta .btn{min-width:190px}
.browse-back{margin-top:20px;display:inline-flex;align-items:center;background:#fff;border:1px solid #d2e5d8;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:800;color:#1a7055;cursor:pointer}
.browse-back:hover{background:#eaf5ed}
.browse-count{text-align:center;color:#647d70;font-weight:700;font-size:12px;margin:12px 0 22px}
#all-public-tutors{min-height:105px}
@media(max-width:680px){.browse-cta .btn{width:100%}.browse-back{font-size:12px}.browse-cta{margin-top:20px}}


/* V3.2.8.2 WhatsApp: fixed intrinsic SVG scaling and mobile visual */
.head .mast a.whatsapp svg, a.whatsapp svg { display:block!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex:0 0 22px!important;overflow:visible!important; }
.dock-whatsapp {background:#ffffff!important;border:1px solid #bce6cc!important;border-radius:14px!important;box-shadow:0 5px 15px rgba(14,101,59,.17)!important;display:grid!important;place-items:center!important;}
.dock-whatsapp svg {display:block!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;filter:none!important;overflow:visible!important;}
@media(max-width:680px){.head .mast a.whatsapp svg,a.whatsapp svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex-basis:20px!important;}}