*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background:#fff;color:#333}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#fff;position:sticky;top:0;z-index:1000}.logo{font-size:18px;font-weight:600}nav{display:flex;align-items:center}nav a{margin-right:20px;text-decoration:none;color:#555}.btn-primary{background:#f4a62a;border:none;padding:10px 20px;color:#fff;border-radius:4px;cursor:pointer}.menu-toggle{display:none;font-size:26px;cursor:pointer}.hero{background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
              url("images/hero.jpeg") center/cover no-repeat;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.hero-content{text-align:center;color:#fff;max-width:700px}.hero h1{font-size:42px;font-weight:400;margin-bottom:30px}.search-box{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.search-box input{padding:14px;width:320px;border:none}.search-box button{padding:14px 25px;background:#f4a62a;border:none;color:#fff}.quick-links span{font-size:14px;margin:6px}.categories{padding:80px 20px;text-align:center}.categories h2{font-size:32px;font-weight:400}.subtitle{margin-top:10px;color:#777}.category-list{max-width:1100px;margin:60px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 60px;text-align:left}.category-item{display:flex;gap:15px}.category-item img{width:40px;height:40px}.category-item h4{font-size:16px;font-weight:500;margin-bottom:5px}.category-item a{font-size:14px;color:#2a7fd6;text-decoration:none}.category-item a:hover{text-decoration:underline}.btn-outline{padding:15px 35px;border:2px solid #f4a62a;background:none;color:#f4a62a;cursor:pointer}@media (max-width:992px){.category-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.menu-toggle{display:block}nav{position:absolute;top:65px;left:0;width:100%;background:#fff;flex-direction:column;display:none;padding:20px 0}nav a{margin:10px 0}nav.active{display:flex}.hero h1{font-size:30px}.search-box input{width:100%;margin-bottom:10px}}@media (max-width:576px){.category-list{grid-template-columns:1fr}}.why-payefo{background:#f9f9f9;padding:80px 20px}.why-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}.why-card{background:#fff;padding:40px 30px;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.3s ease}.why-card:hover{transform:translateY(-6px)}.why-icon{font-size:40px;margin-bottom:20px}.why-card h3{font-size:20px;font-weight:500;margin-bottom:15px}.why-card p{font-size:15px;color:#666;line-height:1.6}@media (max-width:992px){.why-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.why-container{grid-template-columns:1fr}}.logo-area{display:flex;align-items:center;gap:12px}.logo-img{width:48px;height:auto}.logo-text{display:flex;flex-direction:column;line-height:1.1}.college-name{font-size:17px;font-weight:600}.school-type{font-size:12px;color:#777;letter-spacing:.5px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:#f4a62a;border:none;padding:10px 20px;color:#fff;border-radius:4px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:5px;user-select:none}.dropdown-menu{display:none;position:absolute;top:110%;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 6px 15px rgba(0,0,0,.1);border-radius:4px;min-width:140px;z-index:9999;flex-direction:column}.dropdown-menu a{padding:10px 18px;color:#333;text-decoration:none;font-size:14px;white-space:nowrap}.dropdown-menu a:hover{background:#f4a62a;color:#fff}.dropdown.show .dropdown-menu{display:flex;flex-direction:column}@media (max-width:768px){.dropdown-menu{position:static;box-shadow:none;border:none}.dropdown.show .dropdown-menu{display:flex}}.site-footer{background:#1f1f1f;color:#ccc;padding:60px 20px 30px;font-size:14px;line-height:1.6}.footer-top{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:30px}.footer-column{flex:1;min-width:220px}.footer-column h4{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.footer-column p,.footer-column a,.footer-column li{color:#ccc;font-size:14px;text-decoration:none}.footer-column a:hover{color:#f4a62a}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:8px}.footer-column .social-icons{display:flex;gap:12px;margin-top:10px}.footer-bottom{text-align:center;margin-top:40px;border-top:1px solid #444;padding-top:20px;font-size:13px;color:#aaa}@media (max-width:992px){.footer-top{flex-direction:column;align-items:flex-start;text-align:left}.footer-column{width:100%}}@media (max-width:576px){.footer-top{align-items:center;text-align:center}.footer-column{width:100%}.footer-column .social-icons{justify-content:center}}.category-item .course-class{font-size:13px;color:#555;margin:4px 0 8px}#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}