@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{font-family:Arial,sans-serif;margin:0;padding:0}.blog-container{max-width:800px;margin:0 auto;padding:20px}.blog-heading{text-align:center;color:#333;margin-bottom:30px}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px}.post{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s ease}.post:hover{box-shadow:0 4px 8px #0003}.post-title{font-size:18px;margin-bottom:10px;color:#333}.post-image{width:100%;height:auto;margin-bottom:10px}.post-brief{color:#666;line-height:1.5}.load-more-btn{display:block;margin:30px auto 0;padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.load-more-btn:hover{background-color:#555}body{margin:0;padding:60px 0 0;font-family:Poppins,sans-serif;background-color:#fcfcfc}.container{max-width:1100px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;height:100%}.navbar{height:60px;position:fixed;top:0;left:0;right:0;z-index:999;background-color:#fff}.menu-icon{display:none}.nav-elements ul{display:flex;justify-content:space-between;list-style-type:none}.nav-elements ul li:not(:last-child){margin-right:60px;padding:.8rem}.nav-elements ul a{font-size:16px;font-weight:400;color:#2f234f;text-decoration:none}.nav-elements ul a.active{color:#574c4c;font-weight:500;position:relative}.nav-elements ul a.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#574c4c}@media (max-width: 768px){.nav-elements ul li:not(:last-child){margin-right:30px}}@media (max-width: 600px){.menu-icon{display:block;cursor:pointer}.nav-elements{position:absolute;right:0;top:60px;background-color:#fff;width:0px;height:calc(100vh - 60px);transition:all .3s ease-in;overflow:hidden}.nav-elements.active{width:100%}.nav-elements ul{display:flex;flex-direction:column;width:50%}.nav-elements ul li{margin-left:85%;margin-top:22px}}.logo-container{display:flex;align-items:center}.book-icon{margin-right:.5rem;margin-top:.5rem}.logo-text{font-size:1.5rem;font-weight:700;color:#333}.login-logout-button{background-color:tomato;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-logout-button:hover{background-color:#e55639}.footer{width:100%;background-color:#fff;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.nav-item{margin:0 1rem}.nav-link{color:#4a5568;text-decoration:none;transition:color .3s ease;font-weight:500}.nav-link:hover{color:#000}.social-links{display:flex;justify-content:center;margin-bottom:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#edf2f7;margin:0 .5rem;transition:background-color .3s ease}.social-link:hover{background-color:#cbd5e0}.social-icon{width:20px;height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.copyright{text-align:center;color:#4a5568;font-size:.875rem}@media (max-width: 768px){.footer-nav{flex-direction:column;align-items:center}.nav-item{margin:.5rem 0}.social-links{flex-wrap:wrap;justify-content:center;order:-1}.social-link{margin:.25rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333}.home-container{max-width:1200px;margin:0 auto}.main-content{padding:2rem}.hero-section{text-align:center;margin-bottom:2rem;padding:4rem 0}.hero-section h1{font-size:3rem;margin-bottom:1rem}.hero-section p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:tomato;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#e55639}.features-section{margin-bottom:2rem}.features-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.feature-cards{display:flex;justify-content:space-around;flex-wrap:wrap}.feature-card{text-align:center;max-width:300px;margin-bottom:2rem;padding:1rem;box-shadow:0 2px 5px #0000001a;border-radius:5px;transition:transform .3s ease}.feature-card img{width:64px;height:64px;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1rem}.feature-cards{flex-direction:column;align-items:center}}body,html{margin:0;padding:0;height:100%}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;max-width:400px;width:100%}.login-title{text-align:center;margin-bottom:30px;color:#333}.login-form{display:flex;flex-direction:column}.login-button{background-color:tomato;color:#fff;border:none;padding:12px 16px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#e55639}.separator{text-align:center;margin:20px 0;color:#999}.google-sign-in{background-color:#fff;color:#333;border:1px solid #dddddd;padding:12px 16px;font-size:16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.google-sign-in:hover{background-color:#f5f5f5}.google-sign-in svg{margin-right:8px}@media (max-width: 480px){.login-card{padding:20px}}.signup-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.signup-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px;max-width:400px;width:100%}.signup-title{text-align:center;margin-bottom:30px;color:#333}.signup-form{display:flex;flex-direction:column}.signup-button{background-color:tomato;color:#fff;border:none;padding:12px 16px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.signup-button:hover{background-color:#e55639}.signup-link{text-align:center;margin-top:20px;color:#333;cursor:pointer}.signup-link:hover{text-decoration:underline}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-button{background-color:transparent;border:none;font-size:24px;cursor:pointer;color:#666}.close-button:hover{color:#333}.Reset{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8f8f8}.Reset h1{font-size:2.5rem;color:#333;margin-bottom:2rem}.Reset form{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a}.Reset input{padding:.8rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;width:100%;max-width:300px}.Reset button{background-color:tomato;color:#fff;border:none;border-radius:4px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.Reset button:hover{background-color:#e55639}.auth-error{color:red;font-weight:700;margin-bottom:1rem;text-align:center}.playlist{align-items:center;justify-content:center;display:flex}@media (max-width: 768px){.post{width:auto;margin:10px;padding:10px}}.Courses{max-width:1200px;margin:0 auto;padding:3rem}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}h1{text-align:center}.course-card{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.course-card:hover{box-shadow:0 4px 8px #0003}.course-image{width:100%;height:200px;object-fit:cover}.course-details{padding:1rem}.course-price{font-weight:700;margin-bottom:1rem}.buy-button{background-color:tomato;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.buy-button:hover{background-color:#0056b3}.about-container{max-width:800px;margin:0 auto;padding:3.5rem}.about-heading{text-align:center;margin-bottom:2rem}.about-content{line-height:1.6}.team-heading{margin-top:2rem}.team-members{display:flex;justify-content:space-between;flex-wrap:wrap}.team-member{flex-basis:48%;margin-bottom:2rem}.team-member-image{max-width:100%;height:auto;border-radius:50%}.team-member-name{margin-top:1rem;margin-bottom:.5rem}.team-member-role{color:#666;margin-bottom:1rem}.team-member-links a{color:#333;text-decoration:none;margin-right:1rem}.team-member-links a:hover{text-decoration:underline}.mission-heading{margin-top:3rem}.mission-statement{font-style:italic}.contact-container{text-align:center;padding:20px}.contact-info{margin-top:20px;font-size:18px}.contact-info p{margin:5px}h2{margin-top:20px}form{display:flex;flex-direction:column;align-items:center;margin-top:20px}.form-group{margin-bottom:20px}.form-input{padding:12px 16px;border:1px solid #dddddd;border-radius:4px;font-size:16px;width:100%}input,textarea{width:auto;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}button{padding:10px 20px;background-color:tomato;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#e55639}.features-section{padding:40px 0;text-align:center}.feature-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.feature-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;max-width:300px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card img{max-width:80px;margin-bottom:20px}.feature-card h3{font-size:24px;margin-bottom:10px}.feature-card p{color:#666}.home-redirect{text-align:center;margin:20px 0}@media (max-width: 768px){.feature-cards{padding:0 0 150px;margin-top:500px;flex-direction:column;align-items:center}.footer{margin-top:100px}}