*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:#f4f9f9;color:#222}header{background:#d0ebe6;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:700;color:#00695c}nav{display:flex;flex-wrap:wrap}nav a{margin:0 1rem;color:#004d40;text-decoration:none;font-weight:500;transition:color .3s}nav a:hover{color:#009688}.auth-buttons{display:flex;flex-wrap:wrap}.auth-buttons button{margin-left:.5rem;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:4px;transition:all .3s ease}.hero{background:#e0f2f1;padding:3rem 2rem;text-align:center;color:#00a88e}.hero h1{font-size:2rem;font-weight:600;color:#00a88e}.highlight{color:#00796b;border-bottom:3px solid #00796b}.search-section{display:flex;justify-content:center;align-items:center;padding:2rem 1rem 1rem;gap:1rem;flex-wrap:wrap}.search-section input{padding:.8rem 1rem;font-size:1rem;border:2px solid #00796b;border-radius:8px;width:300px;max-width:90%;transition:.3s ease}.search-section input:focus{outline:none;border-color:#004d40;background-color:#f1fefc}.search-section button{padding:.8rem 1.2rem;background-color:#009688;border:none;color:#fff;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s}.search-section button:hover{background-color:#00796b;transform:scale(1.05)}#noResults{display:none}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem}.card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .3s,background-color .3s,box-shadow .3s;text-align:center;cursor:pointer}.card:hover{transform:translateY(-8px);background:#e0f7fa;box-shadow:0 4px 12px #00000026}.card h3{margin:1rem 0 .5rem;color:#00695c}.card p{font-size:.9rem;color:#444}.icon{font-size:2.2rem;transition:transform .3s ease}.card:hover .icon{transform:scale(1.2);color:#004d40}footer{background-color:#00a88e;color:#fff;padding:50px 20px;text-align:center;font-family:Poppins,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-logo img{max-width:120px;margin-bottom:20px}.social-icons{margin:25px 0;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.social-icon{font-size:32px;color:#fff;text-decoration:none;transition:all .3s ease-in-out}.social-icon:hover{transform:scale(1.3)}.social-icon.instagram:hover{color:#e4405f}.social-icon.mail:hover{color:#d44638}.social-icon.telephone:hover{color:#34b7f1}.social-icon.linkedin:hover{color:#0077b5}.social-icon.facebook:hover{color:#3b5998}.social-icon.whatsapp:hover{color:#25d366}.contact-info{margin-top:20px;font-size:16px;color:#ccc}.contact-info a{color:#fff;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#f1c40f}@media (max-width: 600px){header{flex-direction:column;align-items:flex-start;padding:1rem}nav{flex-direction:column;align-items:flex-start;width:100%;gap:.5rem}nav a{margin:.5rem 0}.hero h1{font-size:1.5rem}.search-section{padding:1.5rem 1rem;flex-direction:column;gap:.8rem}.grid-container{padding:1rem;gap:1rem}.card{padding:1rem}footer{padding:30px 10px}.contact-info{font-size:14px}.social-icon{font-size:28px}}@media (min-width: 601px) and (max-width: 1024px){header{flex-direction:row;flex-wrap:wrap}nav{flex-wrap:wrap;justify-content:flex-end}.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.search-section{padding:2rem}footer{padding:40px 20px}}@media (min-width: 1025px){.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.wishlist-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;transition:transform .2s ease}.wishlist-btn:hover{transform:scale(1.2)}.card{position:relative;padding:20px;border-radius:10px;background:#fff;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.card.added .wishlist-btn{color:red}#voiceBtn{position:fixed;bottom:25px;right:25px;padding:15px;font-size:22px;background-color:#0073e6;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:999;transition:background .3s ease}#voiceBtn:hover{background-color:#005bb5}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.popup.hidden{opacity:0;pointer-events:none}.popup-content{background-color:#fff;padding:30px 40px;border-radius:16px;text-align:center;box-shadow:0 12px 30px #0000004d;animation:popupFadeIn .4s ease forwards}.popup-content h3{margin-bottom:10px;color:#00796b;font-size:1.5rem}.popup-content p{color:#333;font-size:1rem;margin-bottom:20px}.popup-content button{background-color:#00796b;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.popup-content button:hover{background-color:#004d40}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#careerModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;justify-content:center;align-items:center;z-index:9999}#careerModal:not(.hidden){display:flex}.career-modal-content{background:#fff;padding:30px;border-radius:12px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.close-btn{position:absolute;top:10px;right:20px;font-size:28px;cursor:pointer}.career-path-flow{display:grid;gap:20px;margin-top:20px}.career-path-box{background:#f1f8ff;padding:15px;border-left:5px solid teal;border-radius:8px}.details-btn{margin-top:10px;display:inline-block;padding:8px 14px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background .3s ease}.details-btn:hover{background-color:#0056b3}body{margin:0;font-family:Arial,sans-serif;transition:background-color .3s,color .3s}.navbar{background-color:#00796b;padding:1rem;color:#fff}.hero{padding:60px 20px;text-align:center;background-color:#f5f5f5;transition:background-color .3s,color .3s}.course-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.course{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;width:280px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,color .3s}.course h3{margin-top:0}body.dark-mode{background-color:#121212;color:#f1f1f1}body.dark-mode .hero{background-color:#1e1e1e;color:#fff}body.dark-mode .course{background-color:#1e1e1e;color:#fff;border:1px solid #444}#themeToggle{position:fixed;bottom:20px;left:20px;width:42px;height:42px;background-color:#fff;border:none;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000040;cursor:pointer;z-index:9999;transition:background-color .3s,transform .3s}#themeToggle:hover{transform:scale(1.1)}body.dark-mode #themeToggle{background-color:#222;color:#fff}nav{display:flex;align-items:center;gap:20px}nav a{text-decoration:none;color:#004d4d;font-size:1rem}#customTranslate{background-color:teal;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.95rem;cursor:pointer;line-height:normal}#customTranslate option{background-color:#fff;color:#000}[data-theme=dark] body{background:#121212;color:#e2e8f0}[data-theme=dark] header{background:#1a2a29}[data-theme=dark] nav a{color:#e2e8f0}[data-theme=dark] nav a:hover{color:#00bfa6}[data-theme=dark] .hero{background:#1e1e1e}[data-theme=dark] .hero h1{color:#00bfa6}[data-theme=dark] .search-section input{background:#121212;color:#e2e8f0;border-color:#333}[data-theme=dark] .card,[data-theme=dark] .course{background:#1e1e1e;border-color:#333;box-shadow:0 2px 8px #00000080;color:#e2e8f0}[data-theme=dark] .card h3{color:#00bfa6}[data-theme=dark] .card p{color:#94a3b8}[data-theme=dark] .card:hover,[data-theme=dark] .course:hover{background:#1a2a29}[data-theme=dark] footer,[data-theme=dark] .footer-container{background-color:#121212!important;color:#94a3b8;border-top:1px solid #333}[data-theme=dark] .popup-content{background:#1e1e1e;color:#e2e8f0}[data-theme=dark] .popup-content p{color:#94a3b8}[data-theme=dark] .career-modal-content{background:#1e1e1e;color:#e2e8f0}[data-theme=dark] .career-path-box{background:#1a2a29;border-left-color:#00bfa6}