@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:124px;height:124px;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}.contact-icon-svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.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}.portal-welcome{margin-top:18px;font-weight:600}.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:9999;pointer-events:auto;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:700;text-decoration:none;display:grid;position:fixed;bottom:20px;box-shadow:0 14px 28px #00000038}.floating-btn.left{left:20px}.floating-btn.right{right:20px}.floating-btn.whatsapp{background:#25d366}.floating-btn.call{background:#7bbf24}.floating-btn .contact-icon-svg{width:24px;height:24px}.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}.marketing-strip{background:radial-gradient(circle at 0 0,#7bbf2429,#0000 28%),linear-gradient(135deg,#f7f8f2 0%,#fff 100%)}.marketing-head{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:20px;margin-bottom:28px;display:grid}.marketing-head h2{margin:8px 0 0;font-size:clamp(1.9rem,3vw,2.8rem)}.marketing-head p{color:#415045;margin:0;line-height:1.7}.value-grid,.process-grid,.faq-list,.faq-groups{gap:20px;display:grid}.value-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card,.process-card,.faq-item{background:#ffffffeb;border:1px solid #1f2a2014;border-radius:18px;box-shadow:0 14px 34px #29392914}.value-card,.process-card{padding:22px}.value-card h3,.process-card h3{margin-top:0;margin-bottom:12px}.value-card p,.process-card p{color:#415045;margin:0;line-height:1.65}.process-card{position:relative;overflow:hidden}.process-index{color:#fff;letter-spacing:.08em;background:#7bbf24;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-weight:800;display:inline-flex}.faq-section{background:linear-gradient(#f8fbf3 0%,#fff 100%)}.faq-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.faq-group{background:#ffffffeb;border:1px solid #1f2a2014;border-radius:22px;padding:20px;box-shadow:0 14px 34px #29392914}.faq-group-head{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.faq-group-head h3{color:#1f2a20;margin:0}.faq-group-head::-webkit-details-marker{display:none}.faq-group-head:after{content:"+";color:#47691a;background:#eef5df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;font-weight:800;display:inline-flex}.faq-group[open] .faq-group-head{margin-bottom:14px}.faq-group[open] .faq-group-head:after{content:"-"}.faq-list{grid-template-columns:1fr}.faq-item{padding:0}.faq-item summary{cursor:pointer;color:#1f2a20;padding:20px 22px;font-weight:700;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#415045;margin:0;padding:0 22px 20px;line-height:1.7}.compact{margin-bottom:0}.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{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.subjects-header h2{margin:8px 0 0;font-size:clamp(1.8rem,3vw,2.6rem)}.subjects-actions{flex-wrap:wrap;gap:10px;display:flex}.section-nav-btn{border-radius:12px;padding:10px 16px}.subjects-help{color:#5d695f;max-width:760px;margin:-10px auto 24px;font-weight:500}.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:28px 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}.single-column{grid-template-columns:1fr}.auth-switch{gap:10px;margin-bottom:20px;display:flex}.auth-switch button{cursor:pointer;background:#f5f6f7;border:1px solid #d7dde4;border-radius:10px;flex:1;padding:10px 14px;font-weight:700}.auth-switch button.active{color:#fff;background:#7bbf24;border-color:#7bbf24}.auth-form{max-width:520px}.dashboard{color:#1f2a20}.admin-route{color:#1f2a20;background:radial-gradient(circle at 0 0,#7bbf242e,#0000 22%),linear-gradient(#eef3e5 0%,#f7f8f4 100%);min-height:100vh}.admin-route-shell{min-height:100vh}.admin-route-card{background:#fff;border-radius:24px;max-width:720px;margin:8vh auto;padding:36px;box-shadow:0 20px 50px #1a26161f}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-message{color:#1f2a20;text-align:center;margin:18px auto 0;font-weight:600}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid article,.portal-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px #00000014}.stats-grid strong{color:#7bbf24;font-size:1.8rem;display:block}.stats-grid span{color:#5b675e;font-weight:600}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.admin-workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-sidebar{position:sticky;top:18px}.admin-sidebar-head h3,.admin-submenu-head h3{margin:6px 0 0}.admin-main-menu,.admin-submenu{gap:10px;display:grid}.admin-content{gap:20px;display:grid}.crm-layout{grid-template-columns:320px 320px minmax(0,1fr);gap:20px;display:grid}.crm-thread-item{text-align:left;cursor:pointer;background:#f9fbf7;border:1px solid #e1e7df;border-radius:14px;gap:6px;width:100%;padding:14px;display:grid}.crm-thread-item.active{background:#f4faeb;border-color:#7bbf24;box-shadow:0 10px 24px #7bbf242e}.crm-thread-item p,.crm-thread-item small,.crm-message p,.crm-message small,.crm-conversation-head p{margin:0}.crm-conversation{gap:16px;display:grid}.crm-conversation-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.crm-message-feed{gap:12px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.crm-message{background:#f9fbfd;border:1px solid #e5e9ee;border-radius:14px;gap:6px;padding:14px;display:grid}.crm-message.mine{background:#eef7df;border-color:#cfe5a8}.crm-attachment{color:#244012;background:#e8f2d4;border-radius:999px;align-items:center;width:fit-content;padding:7px 12px;font-weight:700;display:inline-flex}.crm-attachments{flex-wrap:wrap;gap:10px;display:flex}.crm-attachment-preview{color:#244012;gap:8px;width:120px;font-weight:700;text-decoration:none;display:grid}.crm-attachment-preview img{object-fit:cover;border:1px solid #d9e6c4;border-radius:12px;width:120px;height:90px}.admin-submenu-card{gap:18px;display:grid}.admin-menu-btn,.admin-submenu-btn{color:#1f2a20;text-align:left;cursor:pointer;background:#f5f8f2;border:1px solid #d8e0d7;border-radius:12px;padding:12px 14px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.admin-menu-btn:hover,.admin-submenu-btn:hover{border-color:#7bbf24;transform:translateY(-1px)}.admin-menu-btn.active,.admin-submenu-btn.active{color:#fff;background:#7bbf24;border-color:#7bbf24;box-shadow:0 12px 24px #7bbf243d}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-form{gap:12px;display:grid}.portal-form label{gap:6px;font-weight:600;display:grid}.portal-form input,.portal-form textarea,.portal-form select,.assignment-row select{border:1px solid #cfd6dd;border-radius:8px;padding:10px 12px;font-size:.95rem}.portal-form textarea{resize:vertical;min-height:96px}.assignment-list,.student-grid,.message-list,.invoice-list{gap:14px;display:grid}.message-card,.invoice-card{background:#f9fbfd;border:1px solid #e5e9ee;border-radius:14px;padding:16px}.message-card small,.invoice-card small{color:#5b675e}.invoice-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.unpaid{color:#7a5b00;background:#fff3cd}.status-pill.payment_submitted{color:#175d7a;background:#d9edf7}.status-pill.paid{color:#1f6b34;background:#d4edda}.compact-form{margin-top:12px}.inline-action{border-radius:8px;padding:8px 12px}.assignment-row{border:1px solid #e5e9ee;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.assignment-row p,.student-card p,.portal-card p{margin:4px 0}.table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #e5e9ee;padding:12px 10px}.student-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.student-card{background:#f9fbfd;border:1px solid #e5e9ee;border-radius:14px;padding:16px}.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,.marketing-head,.value-grid,.process-grid,.faq-groups,.stats-grid,.dashboard-grid,.admin-workspace,.crm-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.stats-grid-wide,.grid-3{grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subjects-header{flex-direction:column;align-items:center}.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}.dashboard-header,.assignment-row,.hero-sub{flex-direction:column;align-items:stretch}.subjects-grid{grid-template-columns:1fr}.modal{padding:24px}.floating-btn{width:50px;height:50px;bottom:16px}.floating-btn.left{left:16px}.floating-btn.right{right:16px}}@keyframes heroFade{0%{opacity:0}10%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}