.navbar{background-color:#3f51b5;padding:10px 20px;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:10}.nav-container{max-width:80vw;margin:auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{color:#fff;font-weight:700;font-size:1.5rem;text-decoration:none}.hamburger{display:none;width:28px;height:28px;cursor:pointer}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{color:#cfd8dc;text-decoration:none;font-size:1rem;transition:color .3s ease;cursor:pointer;padding:8px 12px;border-radius:4px}.nav-link:hover{color:#ffca28;background-color:#ffca2833}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:#3f51b5;min-width:160px;top:100%;left:0;border-radius:0 0 6px 6px;box-shadow:0 4px 8px #0003;z-index:100}@media screen and (min-width: 900px){.dropdown:hover .dropdown-content{display:block}}.dropdown-content a{display:block;padding:10px 16px;color:#cfd8dc;text-decoration:none;font-size:.95rem}.dropdown-content a:hover{background-color:#ffca28;color:#3f51b5}.contact-dropdown{padding:10px 16px;color:#cfd8dc;font-size:.95rem;white-space:nowrap}.contact-item{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.2)}.contact-item:last-child{border-bottom:none}.dropdown.open .dropdown-content{display:block}@media screen and (max-width: 1000px){.hamburger{display:block}.nav-links{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out;flex-direction:column;align-items:flex-start;background-color:#3f51b5;padding:10px 20px;position:absolute;top:60px;left:0;right:0;z-index:100;width:50%;height:auto}.nav-links.show{min-height:75vh;opacity:1;display:flex;width:50%}.dropdown-content{position:static;box-shadow:none;background-color:transparent;padding-left:20px}.dropdown.open .dropdown-content{display:block}.dropdown-content a{color:#fff;padding:6px 0}}.search-container{background-color:#f1f1f1;padding:20px;text-align:center;box-shadow:0 2px 5px #0000001a}.search-input{width:60%;max-width:600px;padding:12px 20px;font-size:1rem;border:2px solid #3f51b5;border-radius:8px;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#ffca28}.about-section{padding:40px;background:linear-gradient(to right,#f3e5f5,#e0f7fa);display:flex;justify-content:center}.about-card{display:flex;gap:40px;max-width:1000px;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0003;padding:30px;flex-wrap:wrap}.left{flex:1;display:flex;justify-content:center;align-items:start}.teacher-image{width:250px;height:250px;border-radius:50%;object-fit:cover;border:5px solid #6a1b9a}.right{flex:2;min-width:300px}.right h1{color:#6a1b9a;margin-bottom:0}.right h3{margin-top:5px;color:#00796b}.bio{margin-top:20px;font-size:1rem;color:#444}.section{margin-top:20px}.section h4{color:#3949ab;margin-bottom:5px}.section ul{padding-left:20px;list-style-type:square}.section p{color:#333}.home{font-family:Segoe UI,sans-serif;color:#333}.hero{background:linear-gradient(to right,#4facfe,#00f2fe);padding:80px 20px;text-align:center;color:#fff}.hero-content h1{font-size:2.5rem;margin-bottom:10px}.hero-content p{font-size:1.2rem;margin-bottom:20px}.learn-more-btn{background-color:#fff;color:#007bff;padding:12px 24px;border:none;font-weight:700;border-radius:25px;cursor:pointer;transition:background .3s ease}.learn-more-btn:hover{background-color:#f1f1f1}.subjects{background-color:#f9f9f9;padding:50px 20px;text-align:center}.subjects h2{margin-bottom:30px}.subject-cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.card{background-color:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-size:1.2rem}.testimonials{padding:50px 20px;background-color:#e3f2fd;text-align:center}.testimonials h2{margin-bottom:30px}.testimonial{margin-bottom:20px;font-style:italic}.testimonial span{display:block;margin-top:5px;font-weight:700}.contact{background-color:#fff;padding:40px 20px;text-align:center;border-top:1px solid #ddd}.contact h2{margin-bottom:10px}.contact a{color:#007bff;text-decoration:none}@media screen and (max-width: 400px){.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.learn-more-btn{padding:10px 20px;font-size:.9rem}.card{padding:15px 20px;font-size:1rem}}.pdf-viewer{display:flex;flex-direction:column;gap:16px;padding:20px}.pdf-item{background-color:#f4f4f4;padding:16px;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.pdf-title{font-size:1rem;font-weight:500}.pdf-buttons a{text-decoration:none;margin-left:10px}.view-btn,.download-btn{background-color:#3f51b5;color:#fff;padding:5px 10px;border-radius:4px;transition:.2s}.view-btn:hover,.download-btn:hover{background-color:#303f9f}.seq-wrapper{padding:20px;font-family:Segoe UI,sans-serif;background:linear-gradient(to bottom right,#e3f2fd,#fff);min-height:100vh}.page-title{text-align:center;color:#1e88e5;font-size:2.5rem;margin-bottom:20px}.tab-nav{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.tab-nav button{padding:10px 20px;background-color:#e0e0e0;border:none;cursor:pointer;font-weight:700;border-radius:5px;transition:background .3s}.tab-nav button.active{background-color:#3949ab;color:#fff}.tab-section{max-width:1000px;margin:auto;text-align:center}.intro{font-size:1.1rem;color:#555;margin-bottom:30px}.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.info-card{background-color:#fff;padding:20px;width:250px;border-radius:10px;box-shadow:0 2px 5px #0000001a;text-align:left}.info-card h3{color:#1e88e5;margin-bottom:10px}.info-card.purple h3{color:#8e24aa}.info-card.green h3{color:#388e3c}.info-card.orange h3{color:#fb8c00}.info-card.teal h3{color:#00897b}.example{font-style:italic;font-size:.95rem;margin-top:10px;color:#555}.tool-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tool-card{background-color:#f9f9f9;padding:20px;width:280px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.tool-card h3{color:#3f51b5;margin-bottom:10px}.tool-card input{width:90%;padding:8px;margin:5px 0;border:1px solid #ccc;border-radius:5px}.tool-card button{margin-top:10px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.tool-card button:hover{background-color:#388e3c}.result{margin-top:10px;font-weight:700;color:#1565c0}.game-placeholder{margin-top:50px;background-color:#fff3cd;padding:30px;border:1px dashed #ffa000;border-radius:10px;font-size:1.2rem;color:#795548}.seq-series-container{max-width:800px;margin:40px auto;padding:20px;background-color:#f3f6fb;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.seq-series-container h2{text-align:center;margin-bottom:20px;color:#3f51b5}.seq-series-container form{display:flex;flex-direction:column;gap:15px}.seq-series-container label{font-weight:600}.seq-series-container input[type=number]{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:1rem;width:100%;box-sizing:border-box}.seq-series-container button{background-color:#3f51b5;color:#fff;padding:12px 0;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:background-color .3s ease}.seq-series-container button:hover{background-color:#ffca28;color:#3f51b5}.seq-series-container .result{margin-top:20px;font-size:1.2rem;font-weight:600;color:#2e7d32;text-align:center}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#f9f9f9;color:#333}a{text-decoration:none;color:#2a6fdb}a:hover{color:#184eb1}