*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Poppins,sans-serif;line-height:1.6;color:#333;height:100%;scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{transition:all .2s ease}body{display:flex;flex-direction:column;min-height:100vh;background:#fff}body:before{content:"";position:fixed;inset:0;background:#fff;z-index:-1}.App{flex:1;display:flex;flex-direction:column}.header-transparent{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header-sticky{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000026}.navbar-brand img{height:80px}.nav-link{color:#333!important;font-weight:500;margin:0 10px;transition:color .3s ease}.nav-link:hover{color:#007bff!important}.hero-section{background-size:cover;background-position:center;background-attachment:scroll;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea33,#764ba24d,#667eea33);background-size:400% 400%;animation:gradientShift 10s ease infinite;z-index:1;pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,#fffc,#ffffffe6 50%,#fffffff2 80%,#fff);z-index:5;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes smoothTransition{0%,to{opacity:.9;transform:translateY(0)}25%{opacity:.95;transform:translateY(-2px)}50%{opacity:1;transform:translateY(-3px)}75%{opacity:.95;transform:translateY(-2px)}}@keyframes gradientFlow{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.hero-content{color:#fff;position:relative;z-index:10}.hero-buttons{z-index:11;position:relative}.hero-buttons .btn{position:relative;z-index:12}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;animation:fadeInUp 1s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}.hero-image{position:relative}.hero-image img{border-radius:20px;box-shadow:0 25px 50px #0006;transform:perspective(1000px) rotateY(-5deg);transition:transform .6s ease;max-width:100%;height:auto}.hero-image img:hover{transform:perspective(1000px) rotateY(0) scale(1.02)}.hero-image img:hover{transform:perspective(1000px) rotateY(0) scale(1.05)}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;animation:fadeInUp 1s ease .2s;animation-fill-mode:both;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.btn-primary-custom{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;padding:15px 35px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary-custom:hover{background:linear-gradient(135deg,#ff5252,#ff3838);transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b66;color:#fff}.btn-outline-light{border:2px solid rgba(255,255,255,.8);color:#fff;padding:15px 35px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-outline-light:hover{background:#fff3;border-color:#fff;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #fff3}.features-section{padding:80px 0;background:#fff;margin-top:-80px;position:relative;z-index:15;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #00000014;transition:all .4s ease}.features-section:hover{box-shadow:0 -12px 35px #00000014}.success-stories-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative}.teachers-section{padding:80px 0;background:#fff;position:relative}.success-stories-section,.teachers-section,.universities-section,.contact-section{position:relative;background:#fff;z-index:10}.features-section,.services-section,.success-stories-section,.teachers-section,.universities-section,.contact-section{position:relative;background:#fff;z-index:5;isolation:isolate}.features-section:before,.services-section:before,.success-stories-section:before,.teachers-section:before,.universities-section:before,.contact-section:before{content:"";position:absolute;inset:0;background:#fff;z-index:-1}.success-stories-section:before,.teachers-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.display-4{font-weight:700;color:#2c3e50;margin-bottom:1rem}.lead{color:#6c757d;font-weight:400;font-size:1.1rem}.card{border:none;border-radius:15px;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 8px 30px #0000001a;transition:all .3s ease;height:100%;margin-bottom:30px;border:1px solid rgba(0,0,0,.05)}.features-section .row{margin-bottom:20px}.features-section .col-12{margin-bottom:40px}.features-section h2.display-4{margin-bottom:15px}.features-section p.lead{margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#007bff33}.feature-icon{font-size:3.5rem;color:#007bff;margin-bottom:25px;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);color:#0056b3}.services-section{padding:80px 0;background:#fff;position:relative;z-index:20;border-top:1px solid rgba(0,0,0,.1)}.universities-section{padding:80px 0;background:linear-gradient(180deg,#fff,#f8f9fa)}.contact-section{padding:80px 0;background:#fff}.service-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:30px;margin-bottom:30px;transition:all .3s ease}.service-card:hover{border-color:#007bff;box-shadow:0 5px 25px #007bff26}.university-logo{transition:all .3s ease;max-height:180px;width:auto;object-fit:contain;filter:grayscale(0%);opacity:1;padding:15px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000026;border:2px solid rgba(0,123,255,.1)}.university-logo:hover{transform:scale(1.15);box-shadow:0 8px 30px #00000040;filter:grayscale(0%);opacity:1;border-color:#007bff4d}.universities-section .text-center p{font-weight:500;color:#555;margin-top:10px}.progress{height:10px;border-radius:5px}.progress-bar{border-radius:5px}.footer{background:#2c3e50;color:#fff;padding:50px 0 20px;margin-top:auto}.footer a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.teacher-card{transition:transform .3s ease,box-shadow .3s ease;border:none;border-radius:20px;overflow:hidden}.teacher-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0003!important}.teacher-card .card-body{padding:30px 20px}.teacher-card img{transition:transform .3s ease;border:4px solid #f8f9fa}.teacher-card:hover img{transform:scale(1.05);border-color:#007bff}.teacher-details{border-top:1px solid #e9ecef;padding-top:1.2rem;margin-top:1.2rem;background:#f8f9fa;border-radius:10px;padding:15px;margin-top:15px}.teacher-details small{line-height:1.4}@media (max-width: 768px){.hero-title{font-size:2.2rem;line-height:1.3}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-section{background-attachment:scroll;min-height:100vh}.hero-section:after{height:60px}.features-section{padding:60px 0;margin-top:-60px;border-radius:15px 15px 0 0}.success-stories-section,.teachers-section,.universities-section,.contact-section{padding:60px 0}.features-section .col-12{margin-bottom:30px}.services-section{padding:60px 0}.teacher-card{margin-bottom:1.5rem}.footer{padding:30px 0 15px}.university-logo{max-height:120px;padding:10px}.teacher-card img{width:100px;height:100px}.teacher-details{padding:10px}}@media (max-width: 576px){.hero-title{font-size:1.8rem}.hero-buttons .btn{display:block;width:100%;margin-bottom:10px}.hero-buttons .btn:last-child{margin-bottom:0}.feature-card{padding:30px 20px}.universities-section .col-6{margin-bottom:20px}}