@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";:root{color:#1f2a20;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6f7;font-family:Nunito,Arial,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font-family:inherit}#root{min-height:100vh}.page{color:#fff;background-color:#f5f6f7}body.modal-open{overflow:hidden}.hero{flex-direction:column;justify-content:space-between;min-height:100vh;padding:28px 7vw 64px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";z-index:2;background:linear-gradient(#00000073 0%,#0000008c 55%,#000000a6 100%);position:absolute;inset:0}.hero-slide{opacity:0;background-position:50%;background-size:cover;animation:16s infinite heroFade;position:absolute;inset:0;transform:scale(1.03)}.slide-one{background-image:url(/tuiotion.jpg);animation-delay:0s}.slide-two{background-image:url(/tution%202.jpeg);animation-delay:4s}.slide-three{background-image:url(/banner%202.jpg);animation-delay:8s}.slide-four{background-image:url(/banner%203.jpg);animation-delay:12s}.nav{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.logo{align-items:center;gap:12px;display:flex}.logo-image{object-fit:contain;background:#ffffff26;border-radius:12px;width:62px;height:62px;padding:6px}.logo-text span{font-weight:700;display:block}.logo-text small{color:#ffffffbf;display:block}.nav-links{flex-wrap:wrap;gap:20px;font-weight:500;display:flex}.login-btn{color:#fff;cursor:pointer;background:#7bbf24;border:none;border-radius:12px;padding:10px 20px;font-weight:600}.hero-content{z-index:1;text-align:center;padding:40px 0 80px;position:relative}.phone-pill{background:#7bbf24;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 18px;font-weight:600;display:inline-flex}.search-bar{align-items:center;gap:12px;max-width:820px;margin:0 auto 26px;display:flex}.search-bar input{border:none;border-radius:999px;outline:none;flex:1;padding:14px 20px;font-size:1rem}.search-bar button{color:#fff;cursor:pointer;background:#7bbf24;border:none;border-radius:999px;padding:12px 26px;font-weight:600}.hero-content h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.4rem)}.hero-content p{margin:0 0 22px;font-size:1rem}.hero-actions{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.primary{color:#fff;cursor:pointer;background:#7bbf24;border:none;border-radius:10px;padding:10px 18px;font-weight:600}.hero-sub{color:#fff;background:#00000059;border:1px solid #ffffff40;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:fit-content;margin:0 auto;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 14px 30px #0003}.outline{color:#1f2a20;cursor:pointer;letter-spacing:.3px;background:#fff;border:1px solid #fff;border-radius:999px;padding:8px 20px;font-weight:700;box-shadow:0 10px 20px #0000002e}.floating-btn{color:#fff;z-index:3;background:#19c463;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:700;display:grid;position:fixed;bottom:20px}.floating-btn.left{left:20px}.floating-btn.right{right:20px}.floating-btn.whatsapp{background:#25d366}.whatsapp-icon{fill:#fff;width:26px;height:26px}.section{color:#1f2a20;padding:60px 7vw}.section h2{margin-top:0;margin-bottom:18px}.section.alt{background:#fff}.section-lead{max-width:640px;margin:0 0 20px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.card-grid article{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px #00000014}.subjects{color:#1f2a20;text-align:center;background:#fff;padding:70px 7vw}.subjects-header{margin-bottom:30px}.subjects-header h2{margin:8px 0 0;font-size:clamp(1.8rem,3vw,2.6rem)}.rating{color:#7bbf24;letter-spacing:.3px;font-size:.95rem;font-weight:600}.subjects-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.subjects-empty{color:#6b756c;margin:20px 0 0;font-weight:600}.subject-card{cursor:pointer;background:#fafafa;border-radius:16px;padding:22px 12px 18px;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 24px #0000000f}.subject-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #0000001f}.subject-icon{color:#fff;letter-spacing:.6px;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 18px;font-weight:700;display:grid}.subject-icon.with-image{background:#fff;padding:4px}.subject-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}.subject-card h3{margin:0 0 16px;font-size:1.05rem}.subject-count{color:#fff;border-radius:8px;padding:10px 8px;font-weight:600}.green{background:#7bbf24}.red{background:#e63946}.teal{background:#1d9bb4}.yellow{color:#2b2b2b;background:#f2d046}.pink{background:#d88cc6}.modal-overlay{z-index:10;background:#0009;justify-content:center;align-items:flex-start;padding:24px 24px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:#1f2a20;background:#fff;border-radius:20px;width:min(1100px,96vw);max-height:calc(100vh - 64px);margin:24px 0;padding:32px;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000040}.modal-close{cursor:pointer;background:#f3f3f3;border:none;border-radius:8px;padding:6px 12px;position:absolute;top:18px;right:18px}.modal-header{text-align:center;margin-bottom:26px}.modal-header h2{margin:10px 0 0;font-size:clamp(1.6rem,2.5vw,2.2rem)}.modal-header h2 span{color:#d6453d;margin:0 6px}.modal-body{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;display:grid}.modal-form{gap:14px;display:grid}.modal-form label{gap:6px;font-size:.95rem;font-weight:600;display:grid}.modal-form input,.modal-form textarea{border:1px solid #cfd6dd;border-radius:6px;padding:10px 12px;font-size:.95rem}.modal-form select{background:#fff;border:1px solid #cfd6dd;border-radius:6px;padding:10px 12px;font-size:.95rem}.day-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;margin-top:6px;display:grid}.day-options label{align-items:center;gap:8px;font-weight:500;display:flex}.modal-form textarea{resize:vertical;min-height:120px}.modal-form .full{grid-column:1/-1}.modal-form .submit{width:fit-content}.form-note{color:#7bbf24;margin:0;font-size:.85rem;font-weight:600}.submission-feedback{color:#1f2a20;background:#7bbf2426;border:1px solid #7bbf24;border-radius:10px;margin-top:8px;padding:12px 16px;font-size:.9rem}.submission-feedback p{margin:0 0 6px;font-weight:600}.submission-feedback ul{gap:4px;margin:0;padding-left:18px;display:grid}.submission-feedback li{list-style-type:disc}.form-hint{color:#6b756c;font-size:.85rem;font-weight:600;display:inline-block}.modal-images{min-height:360px;position:relative}.image-card{background-position:50%;background-size:cover;border:4px solid #9ed14d;border-radius:12px;position:absolute;box-shadow:0 12px 26px #0000002e}.image-card.large{background-image:url(https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=800&q=80);width:70%;height:180px;top:0;right:0}.image-card.mid{background-image:url(https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=800&q=80);width:68%;height:150px;top:130px;left:10%}.image-card.small{background-image:url(https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=800&q=80);width:64%;height:140px;bottom:0;right:6%}@media (max-width:900px){.nav{text-align:center;justify-content:center}.search-bar{flex-direction:column}.search-bar button{width:100%}.card-grid{grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-body{grid-template-columns:1fr}.modal-images{min-height:280px}}@media (max-width:600px){.hero{padding:20px 6vw 80px}.nav-links{justify-content:center}.hero-actions{flex-direction:column}.subjects-grid{grid-template-columns:1fr}.modal{padding:24px}}@keyframes heroFade{0%{opacity:0}10%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}