*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#06f;--secondary-color:#666;--dark-color:#333;--light-color:#f5f5f5;--white:#fff;--border-color:#e0e0e0;--shadow:0 2px 8px rgba(0,0,0,.1);--transition:all .3s ease;--alternate-bg:#f0ebeb}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;color:var(--dark-color);background-color:var(--white)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.top-header{background:var(--dark-color);color:var(--white);padding:6px 0;font-size:13px}.top-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.contact-info{display:flex;gap:20px;align-items:center}.contact-item{display:flex;align-items:center;gap:6px}.contact-item i{color:var(--primary-color);font-size:12px}.top-header-right{display:flex;align-items:center;gap:15px}.portal-links{display:flex;gap:8px;align-items:center}.portal-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.1);color:var(--white);text-decoration:none;border-radius:3px;font-size:12px;transition:var(--transition)}.portal-btn:hover{background:var(--primary-color)}.social-links{display:flex;align-items:center;gap:8px}.social-icon{color:var(--white);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);transition:var(--transition);font-size:11px}.social-icon:hover{background:var(--primary-color)}.header{background:var(--white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-main{display:flex;justify-content:space-between;align-items:center;padding:12px 0;position:relative}.logo-section{flex:0 0 auto}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-img{height:40px;width:auto;object-fit:contain}.logo-text h1{font-size:18px;font-weight:700;color:var(--dark-color);margin:0}.main-nav{flex:1;display:flex;justify-content:center}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:20px}.nav-link{color:var(--dark-color);text-decoration:none;font-weight:500;font-size:14px;padding:8px 0;transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary-color)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:5px}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);min-width:200px;box-shadow:var(--shadow);border-radius:4px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:1000;list-style:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{color:var(--dark-color);padding:8px 16px;display:flex;align-items:center;gap:8px;text-decoration:none;transition:var(--transition);font-size:13px}.dropdown-menu a:hover{background:var(--light-color);color:var(--primary-color)}.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.btn-apply{background:var(--primary-color);color:var(--white);padding:8px 16px;border-radius:4px;text-decoration:none;display:flex;align-items:center;gap:6px;font-weight:500;font-size:13px;transition:var(--transition);white-space:nowrap}.btn-apply:hover{background:#0052cc;transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:4px;z-index:1001}.mobile-menu-toggle .bar{width:20px;height:2px;background:var(--dark-color);border-radius:1px;transition:var(--transition)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1}@media (max-width:992px){.main-nav{position:fixed;top:0;left:-100%;width:300px;height:100vh;background:var(--white);box-shadow:5px 0 30px rgba(0,0,0,.2);padding:100px 25px 30px;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto;display:block;margin:0;flex:none;justify-content:flex-start}.main-nav.active{left:0}.nav-menu{flex-direction:column;gap:0;width:100%}.nav-menu li{width:100%;margin:0}.nav-link{display:block;padding:15px 0;border-bottom:1px solid var(--border-color);font-size:16px;color:var(--dark-color)!important;width:100%;text-align:left}.nav-link:hover{color:var(--primary-color)!important}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding-left:20px;background:rgba(0,0,0,.03);margin-top:0;display:none;width:100%;max-width:100%;min-width:auto}.dropdown.active .dropdown-menu{display:block}.dropdown-menu a{padding:10px 0;font-size:14px;display:block;width:100%;color:var(--dark-color)!important}.dropdown-menu a:hover{color:var(--primary-color)!important;background:transparent}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active .bar:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .bar:nth-child(2) {opacity:0}.mobile-menu-toggle.active .bar:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}.header-actions{margin-left:auto}.dropdown.active .fa-chevron-down{transform:rotate(180deg)}body.menu-open{overflow:hidden}}@media (min-width:993px){.mobile-menu-toggle{display:none}.mobile-menu-overlay{display:none!important}.main-nav{display:flex;position:static;width:auto;height:auto;background:transparent;box-shadow:none;padding:0;margin:0;overflow:visible}.nav-menu{flex-direction:row;gap:20px}.nav-link{padding:8px 0;border-bottom:none}.dropdown-menu{display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);position:absolute}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}}main{background:var(--white);min-height:calc(100vh - 250px)}.hero-section{background:var(--alternate-bg);padding:60px 0;border-bottom:1px solid var(--border-color)}.features-section{background:var(--white);padding:60px 0}.values-mission-section{background:var(--alternate-bg);padding:60px 0}.scholarship-section{background:var(--white);padding:60px 0}.programmes-section{background:var(--alternate-bg);padding:60px 0}.umunthu-section{background:var(--white);padding:60px 0}.stories-section{background:var(--alternate-bg);padding:60px 0}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-content{padding-right:20px}.hero-title{font-size:28px;font-weight:600;line-height:1.4;color:var(--dark-color);margin-bottom:20px}.hero-subtitle{font-size:16px;line-height:1.6;color:var(--secondary-color);margin-bottom:25px}.hero-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary-color);color:var(--white);padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:500;transition:var(--transition)}.hero-btn:hover{background:#0052cc;transform:translateY(-2px)}.hero-image img{width:100%;height:300px;object-fit:cover;border-radius:6px;box-shadow:var(--shadow)}.two-column-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.main-content-column{display:flex;flex-direction:column;gap:0}.sidebar-column{display:flex;flex-direction:column;gap:30px;padding-top:60px}.section-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary-color)}.section-title{font-size:22px;font-weight:600;color:var(--dark-color);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.feature-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:25px;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-icon{width:50px;height:50px;background:rgba(0,102,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.feature-icon i{color:var(--primary-color);font-size:20px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--dark-color)}.feature-card p{color:var(--secondary-color);line-height:1.6;margin:0}.values-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.mission-box,.values-box{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:25px}.mission-box h3,.values-box h3{font-size:18px;font-weight:600;color:var(--dark-color);margin-bottom:15px;display:flex;align-items:center;gap:10px}.mission-box h3 i,.values-box h3 i{color:var(--primary-color)}.mission-box p{color:var(--secondary-color);line-height:1.6;margin-bottom:20px}.motto{font-style:italic;font-weight:500;color:var(--dark-color)}.values-list{list-style:none;padding:0;margin:0}.values-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.values-list li i{color:var(--primary-color);width:20px}.info-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:25px;margin-bottom:20px}.info-card p{color:var(--secondary-color);line-height:1.6;margin-bottom:15px}.info-card strong{color:var(--dark-color)}.quote{border-left:4px solid var(--primary-color);padding-left:20px;margin:20px 0}.quote i{color:var(--primary-color);font-size:20px;margin-right:10px}.quote p{font-size:16px;font-style:italic;color:var(--dark-color)}.programmes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.programme-card{background:var(--white);border:1px solid var(--border-color);border-radius:6px;padding:25px}.programme-card h3{font-size:18px;font-weight:600;color:var(--dark-color);margin-bottom:15px;display:flex;align-items:center;gap:10px}.programme-card h3 i{color:var(--primary-color)}.programme-list{list-style:none;padding:0;margin:15px 0 0 0}.programme-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.programme-list li i{color:var(--primary-color);font-size:14px}.application-cta{background:linear-gradient(135deg,var(--primary-color),#0047b3);border-radius:6px;padding:30px;color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-content h3{font-size:20px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px}.cta-content p{opacity:.9;margin:0}.download-btn{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--primary-color);padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:500;white-space:nowrap;transition:var(--transition)}.download-btn:hover{background:var(--light-color);transform:translateY(-2px)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.sidebar-header h2{font-size:18px;font-weight:600;color:var(--dark-color);margin:0}.view-all{font-size:13px;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:5px}.event-list{display:flex;flex-direction:column;gap:20px}.event-item{display:flex;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.event-item:last-child{border-bottom:none;padding-bottom:0}.event-date{flex-shrink:0;width:60px;text-align:center;background:var(--white);border-radius:4px;padding:8px;border:1px solid var(--border-color)}.event-day{display:block;font-size:22px;font-weight:600;color:var(--primary-color);line-height:1}.event-month,.event-year{display:block;font-size:11px;color:var(--secondary-color);text-transform:uppercase}.event-content{flex:1}.event-content h3{font-size:15px;font-weight:600;color:var(--dark-color);margin-bottom:5px}.event-location{font-size:12px;color:var(--secondary-color);display:flex;align-items:center;gap:5px;margin-bottom:5px}.event-location i{color:var(--primary-color)}.event-description{font-size:13px;color:var(--secondary-color);line-height:1.5;margin-bottom:8px}.event-link{font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:500}.event-link:hover{text-decoration:underline}.notice-card{background:linear-gradient(135deg,#fff8e1,#fff3e0);border:1px solid #ffd54f;border-radius:6px;padding:20px;display:flex;gap:15px;align-items:flex-start}.notice-icon{width:40px;height:40px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;flex-shrink:0}.notice-content h3{font-size:16px;font-weight:600;color:var(--dark-color);margin-bottom:8px}.notice-content p{font-size:13px;color:var(--secondary-color);line-height:1.5;margin-bottom:12px}.notice-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:500}.notice-link:hover{text-decoration:underline}.downloads-list{display:flex;flex-direction:column;gap:10px}.download-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--white);border:1px solid var(--border-color);border-radius:4px;text-decoration:none;color:var(--dark-color);transition:var(--transition)}.download-item:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateX(5px)}.download-item:hover i{color:var(--white)}.download-item i:first-child{color:var(--primary-color);width:20px;font-size:16px}.download-item span{flex:1;font-size:14px}.download-item i:last-child{color:var(--secondary-color);font-size:14px}.footer{background:var(--dark-color);color:var(--white);padding:30px 0 15px;margin-top:30px}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:25px}.footer-links h4{color:var(--white);font-size:15px;margin-bottom:15px;font-weight:600}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:13px;transition:var(--transition)}.footer-links a:hover{color:var(--primary-color);padding-left:3px}.footer-contact h4{color:var(--white);font-size:15px;margin-bottom:15px;font-weight:600}.contact-details{margin-bottom:15px}.contact-details p{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:rgba(255,255,255,.9)}.contact-details i{color:var(--primary-color);width:14px;font-size:13px}.footer-social{display:flex;gap:8px}.footer-social .social-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);background:rgba(255,255,255,.1);transition:var(--transition);font-size:13px}.footer-social .social-btn:hover{background:var(--primary-color)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.copyright{color:rgba(255,255,255,.7);font-size:12px}.footer-menu{display:flex;gap:15px}.footer-menu a{color:rgba(255,255,255,.7);text-decoration:none;font-size:12px;transition:var(--transition)}.footer-menu a:hover{color:var(--primary-color)}.back-to-top{position:fixed;bottom:20px;right:20px;width:36px;height:36px;background:var(--primary-color);color:var(--white);border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;font-size:13px}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:#0052cc;transform:translateY(-2px)}@media (max-width:992px){.hero-section{grid-template-columns:1fr;gap:30px;padding:40px 0}.hero-content{padding-right:0}.two-column-layout{grid-template-columns:1fr;gap:0}.values-mission-grid{grid-template-columns:1fr}.application-cta{flex-direction:column;text-align:center}.sidebar-column{padding-top:0}.hero-section,.features-section,.values-mission-section,.scholarship-section,.programmes-section,.umunthu-section,.stories-section{padding:40px 0}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.programmes-grid{grid-template-columns:1fr}.hero-title{font-size:24px}.section-title{font-size:20px}.header-actions{margin-left:auto}.event-item{flex-direction:column}.event-date{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.event-day,.event-month,.event-year{display:inline;font-size:14px}.hero-section,.features-section,.values-mission-section,.scholarship-section,.programmes-section,.umunthu-section,.stories-section{padding:30px 0}}@media (max-width:480px){.hero-btn,.download-btn{width:100%;justify-content:center}.top-header-content{flex-direction:column;text-align:center}.contact-info{justify-content:center;flex-wrap:wrap}.footer-main{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.contact-details p{justify-content:center}.hero-section,.features-section,.values-mission-section,.scholarship-section,.programmes-section,.umunthu-section,.stories-section{padding:25px 0}}@media (max-width:992px){.nav-link.active::after,.nav-link.active-home::after{left:0;width:100%;bottom:-1px}}.hero-slider{position:relative;width:100%;height:500px;overflow:hidden;margin-bottom:30px}.slider-container{position:relative;width:100%;height:100%}.slider{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:center}.slide-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;padding:20px;width:90%;max-width:800px;background:rgba(0,102,255,.8);border-radius:10px;backdrop-filter:blur(5px)}.slide-content h2{font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.slide-content p{font-size:1.2rem;margin-bottom:25px;opacity:.95}.slide-content .btn{background:#fff;color:#06f;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-block;transition:all .3s ease}.slide-content .btn:hover{background:#f2f2f2;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.slider-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;z-index:3}.slider-controls button{background:rgba(255,255,255,.2);border:none;width:50px;height:50px;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px)}.slider-controls button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.slider-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;transform:scale(1.2)}.slide::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,.1));z-index:1}@media (max-width:768px){.hero-slider{height:400px}.slide-content{width:95%;padding:15px}.slide-content h2{font-size:1.8rem;margin-bottom:10px}.slide-content p{font-size:1rem;margin-bottom:20px}.slide-content .btn{padding:10px 25px;font-size:.9rem}.slider-controls button{width:40px;height:40px;font-size:1rem}}@media (max-width:480px){.hero-slider{height:300px}.slide-content h2{font-size:1.5rem}.slide-content p{font-size:.9rem}.slider-controls{padding:0 10px}.slider-controls button{width:35px;height:35px}}@media (max-width:992px){.header-main{flex-wrap:wrap;gap:10px}.logo-section{order:1}.main-nav{order:3;width:100%;display:none}.header-actions{order:2;margin-left:auto}.mobile-menu-toggle{display:flex}.nav-menu{flex-direction:column;gap:0;background:var(--white);position:absolute;top:100%;left:0;right:0;box-shadow:var(--shadow);padding:10px 0;z-index:1000}.nav-menu.active{display:block}.nav-link{padding:12px 20px;border-bottom:1px solid var(--border-color)}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:20px}.footer-main{gap:25px}}@media (max-width:768px){.top-header-content{flex-direction:column;gap:8px;text-align:center}.contact-info{justify-content:center;width:100%}.top-header-right{justify-content:center;width:100%;flex-wrap:wrap}.header-main{padding:10px 0}.logo-img{height:35px}.logo-text h1{font-size:16px}.btn-apply{padding:7px 12px;font-size:12px}.section{padding:25px 0}.section-title{font-size:22px}.card{padding:15px}.footer{padding:25px 0 12px}.footer-main{grid-template-columns:repeat(2,1fr);text-align:center;gap:20px}.footer-social{justify-content:center}.contact-details p{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:8px}.footer-menu{justify-content:center}}@media (max-width:576px){.container{padding:0 15px}.top-header{font-size:12px;padding:5px 0}.contact-info{flex-direction:column;gap:5px}.portal-links{flex-direction:column;gap:5px;width:100%}.portal-btn{width:100%;justify-content:center}.logo{gap:8px}.logo-img{height:30px}.logo-text h1{font-size:14px}.header-actions{gap:6px}.btn-apply{padding:6px 10px;font-size:11px}.btn-apply span{display:none}.btn-apply i{margin:0}.mobile-menu-toggle{padding:5px}.footer-main{grid-template-columns:1fr;gap:20px}.back-to-top{bottom:15px;right:15px;width:32px;height:32px;font-size:12px}}@media (max-width:400px){.logo-text h1{font-size:13px}.header-actions{gap:4px}.btn-apply{padding:6px 8px;border-radius:3px}}@media (max-width:768px){.display-6{font-size:1.8rem}.lead{font-size:1rem}.stats-grid{grid-template-columns:1fr}.image-overlay{padding:10px}.feature-card{margin-bottom:20px}.event-card .row{flex-direction:column}.event-image{height:200px}}@media (max-width:576px){.btn-lg{padding:8px 16px;font-size:.9rem}.stat-item{padding:10px}.stat-number{font-size:1.5rem}.quick-link i{font-size:1.5rem}}.fade-in{animation:fadeIn .8s ease-out}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in-down{animation:fadeInDown .8s ease-out}.fade-in-left{animation:fadeInLeft .8s ease-out}.fade-in-right{animation:fadeInRight .8s ease-out}.stagger-item{opacity:0;transform:translateY(20px)}.stagger-item.animate{animation:staggerFadeIn .6s ease-out forwards}.stagger-item:nth-child(1).animate {animation-delay:.1s}.stagger-item:nth-child(2).animate {animation-delay:.2s}.stagger-item:nth-child(3).animate {animation-delay:.3s}.stagger-item:nth-child(4).animate {animation-delay:.4s}.stagger-item:nth-child(5).animate {animation-delay:.5s}.stagger-item:nth-child(6).animate {animation-delay:.6s}.hover-lift{transition:transform .3s ease , box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.03)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(0,102,255,.3)}.btn-pulse{position:relative;overflow:hidden}.btn-pulse:hover{animation:pulse .6s ease-out}.btn-shake:hover{animation:shake .5s ease-in-out}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,102,255,.1);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-dots{display:flex;justify-content:center;gap:5px}.loading-dots span{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1) {animation-delay:-.32s}.loading-dots span:nth-child(2) {animation-delay:-.16s}.page-transition{animation:pageFadeIn .6s ease-out}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease , transform .8s ease}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;animation:textReveal .8s ease-out forwards}.marquee{overflow:hidden;white-space:nowrap;box-sizing:border-box}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 20s linear infinite}.counter{font-variant-numeric:tabular-nums}.progress-bar{width:0;animation:progressFill 2s ease-out forwards}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.open{max-height:500px}.modal-fade-in{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}.toast-slide-in{animation:toastSlideIn .3s ease-out}.toast-slide-out{animation:toastSlideOut .3s ease-out forwards}@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes staggerFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 102, 255, 0.7);
    }
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 102, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 102, 255, 0);
    }
}@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}@keyframes bounce {
    0%, 80%, 100% { 
        transform: scale(0);
    }
    40% { 
        transform: scale(1);
    }
}@keyframes pageFadeIn {
    from {
        opacity: 0;
        filter: blur(5px);
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}@keyframes textReveal {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}@keyframes progressFill {
    from {
        width: 0;
    }
    to {
        width: var(--progress-width, 100%);
    }
}@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes toastSlideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}@keyframes toastSlideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.delay-100{animation-delay:100ms!important}.delay-200{animation-delay:200ms!important}.delay-300{animation-delay:300ms!important}.delay-400{animation-delay:400ms!important}.delay-500{animation-delay:500ms!important}.delay-600{animation-delay:600ms!important}.delay-700{animation-delay:700ms!important}.delay-800{animation-delay:800ms!important}.delay-900{animation-delay:900ms!important}.delay-1000{animation-delay:1000ms!important}.duration-fast{animation-duration:.3s!important}.duration-normal{animation-duration:.6s!important}.duration-slow{animation-duration:1s!important}.duration-slower{animation-duration:1.5s!important}.animate-forwards{animation-fill-mode:forwards}.animate-backwards{animation-fill-mode:backwards}.animate-both{animation-fill-mode:both}.hero-content.animated{animation:heroContentEntrance 1s ease-out .3s both}.hero-image.animated{animation:heroImageEntrance 1s ease-out .5s both}@keyframes heroContentEntrance {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes heroImageEntrance {
    from {
        opacity: 0;
        transform: translateX(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}.feature-card.animated{opacity:0;animation:featureCardEntrance .8s ease-out forwards}.feature-card.animated:nth-child(1) {animation-delay:.1s}.feature-card.animated:nth-child(2) {animation-delay:.2s}.feature-card.animated:nth-child(3) {animation-delay:.3s}@keyframes featureCardEntrance {
    from {
        opacity: 0;
        transform: translateY(30px) rotateX(-10deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}.btn-shine{position:relative;overflow:hidden}.btn-shine::after{content:'';position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgba(255,255,255,.3);transform:rotate(30deg);transition:left .5s ease}.btn-shine:hover::after{left:120%}.logo.animated{animation:logoBounce 1s ease-out}@keyframes logoBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}.stat-number{font-variant-numeric:tabular-nums}.stat-number.animated{animation:countUp 2s ease-out forwards}@keyframes countUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.section-divider{position:relative;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:dividerGrow 1.5s ease-out}@keyframes dividerGrow {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);display:flex;justify-content:center;align-items:center;z-index:9999;animation:loadingScreenOut .5s ease-out 1s forwards}@keyframes loadingScreenOut {
    from {
        opacity: 1;
        visibility: visible;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}