:root{--ink:#101828;--muted:#667085;--line:#e8eaf0;--blue:#315efb;--blue2:#5d7cff;--bg:#f7f9fc;--white:#fff;--shadow:0 24px 70px rgba(30,50,90,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--white)}a{text-decoration:none;color:inherit}button,select{font:inherit}.topbar{height:34px;background:#101828;color:#dbe4ff;text-align:center;font-size:12px;padding:8px}.topbar span{margin:0 8px;color:#7084bb}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #f0f1f5;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope;font-weight:800;font-size:22px;letter-spacing:-.8px}.brand>span:last-child>span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#315efb,#7590ff);color:white;box-shadow:0 8px 18px #315efb40;font-size:19px}.nav nav{display:flex;gap:30px;font-size:14px;color:#475467}.nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{color:white;background:linear-gradient(135deg,#315efb,#5276ff);box-shadow:0 8px 20px #315efb2e}.ghost{background:#f7f8fb;color:#344054}.glass{background:#ffffff20;border:1px solid #ffffff50;color:white}.white{background:#fff;color:#2450df}.big{padding:14px 21px;font-size:15px}.menu-btn{display:none;border:0;background:none;font-size:25px}
.hero{min-height:670px;background:radial-gradient(circle at 75% 20%,#e9efff 0,transparent 35%),linear-gradient(120deg,#f7f9ff,#eef3ff);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:82px 8% 72px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow,.section-tag{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#315efb}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dce4ff;border-radius:100px;background:#fff}.pulse{width:7px;height:7px;border-radius:50%;background:#20c978;box-shadow:0 0 0 5px #20c97820}.hero h1{font:800 clamp(45px,5vw,72px)/1.02 Manrope;margin:25px 0 22px;letter-spacing:-3.5px}.hero h1 em,.section h2 em,.center-head h2 em,.tutor-cta h2 em{font-style:normal;color:var(--blue)}.hero p{max-width:600px;color:#667085;font-size:17px;line-height:1.7}.hero-buttons{display:flex;gap:12px;margin-top:30px}.trust-row{display:flex;gap:28px;align-items:center;margin-top:36px;font-size:13px;color:#667085}.avatars{display:inline-flex;margin-right:7px}.avatars i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dfe6ff;border:2px solid white;font-style:normal;font-size:8px;font-weight:800;margin-left:-7px}.avatars i:first-child{margin-left:0}.rating{color:#f5a524;font-size:12px}.rating span{color:#667085;margin-left:4px}.hero-visual{position:relative;display:grid;place-items:center}.dashboard-card{width:min(450px,100%);background:#fff;border:1px solid #e6eaf2;border-radius:24px;padding:20px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.dash-head{display:flex;justify-content:space-between;font-weight:800;font-size:14px;margin-bottom:15px}.mini-search{display:flex;gap:9px;background:#f7f8fb;border:1px solid #eaecf0;border-radius:10px;padding:11px;color:#667085;font-size:12px}.mini-search b{margin-left:auto}.match-card{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef0f4}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e8edff;color:#315efb;font-size:11px;font-weight:800;flex:none}.avatar.violet{background:#f0e9ff;color:#8255d9}.avatar.green{background:#e5f8ef;color:#159a63}.match-info{display:grid;gap:3px;min-width:0}.match-info strong{font-size:12px}.match-info span{font-size:10px;color:#667085}.match-info small{font-size:9px;color:#159a63}.match-price{margin-left:auto;font-size:11px}.match-price span{font-weight:500;color:#98a2b3}.view-all{border:0;background:none;color:#315efb;font-size:11px;font-weight:800;width:100%;padding:14px 0 2px;cursor:pointer}.floating-card{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e8eaf0;border-radius:14px;padding:11px 14px;box-shadow:0 15px 40px #3341551a;font-size:11px}.floating-card span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7fff3;color:#16a56a}.floating-card small{display:block;color:#98a2b3;margin-top:3px}.fc1{left:0;top:17%}.fc2{right:0;bottom:17%}.fc2 span{background:#fff4df;color:#f59e0b}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb1{width:220px;height:220px;right:-90px;top:60px;background:#b8c7ff50}.orb2{width:130px;height:130px;left:45%;bottom:-60px;background:#d6e1ff80}
.search-panel{margin:-35px auto 0;position:relative;z-index:4;width:84%;background:#fff;border:1px solid #e5e9f2;border-radius:22px;padding:25px;box-shadow:0 18px 50px #1d35570e}.search-title{display:flex;gap:16px;align-items:center;margin-bottom:18px}.search-title>span{font:800 13px Manrope;color:#315efb;background:#eef2ff;padding:9px;border-radius:9px}.search-title h2{font:800 17px Manrope;margin:0}.search-title p{margin:4px 0 0;font-size:12px;color:#98a2b3}.search-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:12px}.search-grid label{font-size:11px;font-weight:700;color:#667085}.search-grid select{display:block;width:100%;margin-top:7px;border:1px solid #e1e5ec;border-radius:10px;padding:12px;background:#fff;color:#344054;outline:none}.search-grid select:focus{border-color:#315efb}.search-btn{align-self:end;height:43px;white-space:nowrap}
.section{padding:100px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2,.center-head h2{font:800 38px/1.12 Manrope;letter-spacing:-1.5px;margin:10px 0 0}.section-head>a{font-size:13px;color:#315efb;font-weight:800}.subject-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.subject-card{border-radius:18px;padding:24px 18px;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.25s}.subject-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #1d35571a}.subject-card>span{font-size:25px;font-weight:800}.subject-card b{font:800 14px Manrope;margin-top:22px}.subject-card small{font-size:10px;opacity:.65;margin-top:5px}.blue{background:#edf2ff;color:#315efb}.purple{background:#f1ebff;color:#8055d7}.orange{background:#fff0df;color:#e58a19}.green{background:#e6f8ef;color:#179762}.pink{background:#ffe9f1;color:#db4d7a}.dark{background:#eef0f4;color:#202a3a}
.how{background:#f8f9fc}.center-head{text-align:center}.center-head .section-tag{display:block}.steps{display:flex;align-items:center;justify-content:center;margin-top:55px}.step{width:280px;text-align:center;position:relative}.step-no{position:absolute;right:15px;top:-15px;color:#c9cfdb;font:800 12px Manrope}.step-icon{width:65px;height:65px;border-radius:20px;margin:auto;background:#fff;box-shadow:0 10px 30px #1d35570e;display:grid;place-items:center;color:#315efb;font-size:28px}.step h3{font:800 15px Manrope;margin:20px 0 8px}.step p{color:#667085;font-size:12px;line-height:1.7}.connector{width:80px;border-top:1px dashed #c9cfdb}
.tutor-cta{margin:0 8% 100px;border-radius:30px;background:linear-gradient(120deg,#1e48d8,#5377ff);color:white;padding:65px 7%;display:flex;justify-content:space-between;overflow:hidden;position:relative}.tutor-cta .section-tag{color:#cdd8ff}.tutor-cta h2{font:800 43px/1.08 Manrope;letter-spacing:-1.8px;margin:10px 0 15px}.tutor-cta p{max-width:520px;color:#dbe4ff;line-height:1.7;font-size:14px;margin-bottom:25px}.cta-art{width:360px;position:relative;min-height:250px}.ring{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:300px;height:300px;right:-20px;top:-25px}.r2{width:220px;height:220px;right:20px;top:15px}.teacher-card{position:absolute;right:25px;top:55px;width:190px;padding:18px;border-radius:17px;background:#ffffff14;border:1px solid #ffffff35;backdrop-filter:blur(10px);display:grid;gap:5px}.teacher-card b{font-size:12px}.teacher-card span{font-size:10px;color:#dbe4ff}.teacher-card strong{font-size:9px;color:#aef3ce;margin-top:9px}.bigavatar{width:48px;height:48px;background:#fff;color:#315efb}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.testimonial-grid article{border:1px solid #e9ebf1;border-radius:20px;padding:25px;background:#fff}.quote{font:800 40px Georgia;color:#c8d3ff;height:30px}.testimonial-grid p{font-size:13px;line-height:1.8;color:#475467}.person{display:flex;align-items:center;gap:10px;margin-top:20px}.person span{display:grid;gap:3px}.person small{font-size:10px;color:#98a2b3}
footer{background:#0d1628;color:#d8dfed;padding:55px 8% 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}.footer-main>div:not(.brand-col){display:grid;align-content:start;gap:12px;font-size:12px}.footer-main b{color:white;margin-bottom:4px}.footer-main a{color:#9ba7bb}.footer-main a:hover{color:white}.brand-col p{color:#8996ab;max-width:260px;font-size:12px;line-height:1.7}.socials{display:flex;gap:8px}.socials span{width:30px;height:30px;border:1px solid #2b3850;border-radius:8px;display:grid;place-items:center;font-size:11px}.footer-bottom{border-top:1px solid #243149;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;color:#728096;font-size:10px}
.modal{display:none;position:fixed;inset:0;background:#0b1228aa;backdrop-filter:blur(5px);z-index:50;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{width:min(440px,100%);background:#fff;border-radius:22px;padding:30px;position:relative;box-shadow:0 30px 100px #0004}.close{position:absolute;right:15px;top:12px;border:0;background:#f4f5f8;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:20px;color:#667085}.modal-box h2{font:800 25px Manrope;margin:0 0 7px}.modal-box p{color:#667085;font-size:12px;line-height:1.6}.modal-form{display:grid;gap:12px;margin-top:20px}.modal-form input,.modal-form select{padding:13px;border:1px solid #e1e5ec;border-radius:10px;outline:none}.modal-form .btn{width:100%}.toast{position:fixed;bottom:25px;right:25px;background:#101828;color:white;padding:13px 17px;border-radius:11px;font-size:12px;opacity:0;transform:translateY(15px);transition:.25s;z-index:60}.toast.show{opacity:1;transform:none}.mobile-menu{display:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:450px}.subject-grid{grid-template-columns:repeat(3,1fr)}.search-grid{grid-template-columns:1fr 1fr}.search-btn{width:100%}.steps{gap:20px}.connector{width:30px}.tutor-cta{padding:50px}.cta-art{display:none}}
@media(max-width:700px){.topbar{font-size:10px}.nav{padding:0 5%;height:68px}.nav nav,.nav-actions{display:none}.menu-btn{display:block}.mobile-menu{position:fixed;top:102px;left:12px;right:12px;background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:16px;z-index:19;box-shadow:var(--shadow);display:none;gap:5px}.mobile-menu.show{display:grid}.mobile-menu a{padding:12px;border-radius:9px;font-size:13px}.mobile-menu a:hover{background:#f5f7fb}.hero{padding:48px 6% 55px;min-height:auto}.hero h1{font-size:43px;letter-spacing:-2.3px}.hero p{font-size:14px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.trust-row{flex-direction:column;align-items:flex-start;gap:14px}.hero-visual{min-height:390px}.floating-card{display:none}.search-panel{width:92%;padding:18px;margin-top:-15px}.search-grid{grid-template-columns:1fr}.section{padding:70px 6%}.section-head{align-items:start;gap:15px}.section-head h2,.center-head h2{font-size:29px}.subject-grid{grid-template-columns:1fr 1fr}.subject-card{min-height:140px}.steps{flex-direction:column}.connector{width:0;height:35px;border-top:0;border-left:1px dashed #c9cfdb}.tutor-cta{margin:0 6% 70px;padding:40px 28px}.tutor-cta h2{font-size:34px}.testimonial-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.brand-col{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
.match-card{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}

/* EDUXAE FINAL MOBILE HARDENING */
@media(max-width:700px){
  html{overflow-x:hidden} body{overflow-x:hidden} .nav{min-height:68px} .brand{font-size:19px} .brand-mark{width:32px;height:32px} .search-grid{width:100%} .search-grid>*{min-width:0} .footer-main{grid-template-columns:1fr 1fr} .footer-main>div{min-width:0} img,svg{max-width:100%;height:auto} button,.btn,input,select,textarea{max-width:100%}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr} .footer-bottom{font-size:9px} .modal{padding:10px}.modal-box{padding:22px 18px;border-radius:18px;max-height:92vh;overflow:auto}
}