*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f9fafc;color:#333;font-family:Arial,sans-serif;margin:0}main{min-height:calc(100vh - 120px)}footer.footer{background:#fff;box-shadow:0 -1px 6px #0000000f;padding:16px;text-align:center}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:16px 32px;position:relative;z-index:10}.logo-image{display:block;height:40px;width:auto}.navbar-logo{color:#007bff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:28px;list-style:none}.nav-links,.nav-links li{margin:0;padding:0}.nav-links a{color:#333;font-size:1rem;font-weight:500;padding:8px 12px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#007bff}.login-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:16px;padding:8px 20px;transition:background .2s}.menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.8rem}@media (max-width:800px){.menu-toggle{display:block}.nav-links{align-items:center;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;left:0;padding:16px 0;position:absolute;top:100%;width:100%}.nav-links.open{display:flex}.nav-links li{margin:8px 0;text-align:center;width:100%}.login-btn{margin:8px auto;width:90%}}.homepage-container{background:linear-gradient(135deg,#eef2f7,#f7faff 50%,#e3ebf7);box-sizing:border-box;color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:40px 20px}.hero{background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:14px;box-shadow:0 6px 20px #0000001a;color:#fff;margin-bottom:40px;padding:60px 20px;text-align:center}.hero h1{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:15px}.hero p{color:#e2e6ea;font-size:1.25rem;margin-bottom:25px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-primary{background-color:#fff;color:#007bff}.btn-primary:hover{background-color:#f2f4f7;transform:translateY(-2px)}.btn-secondary{background-color:#ffffff26;border:1px solid #fff;color:#fff}.btn-secondary:hover{background-color:#ffffff4d;transform:translateY(-2px)}.about-us{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:50px;padding:40px}.about-us h2{color:#007bff;font-size:1.8rem;margin-bottom:20px}.courses{margin-bottom:50px}.courses h2{color:#007bff;margin-bottom:25px}.course-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.course-card{background:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;flex-basis:calc(25% - 24px);flex-grow:1;flex-shrink:1;min-width:240px;padding:24px;transition:transform .3s,box-shadow .3s}.course-card h3{color:#007bff;font-size:1.25rem;margin-bottom:14px}.course-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-6px)}.why-choose-us{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:50px;padding:40px}.why-choose-us h2{color:#007bff;font-size:1.8rem;margin-bottom:20px}.why-choose-us ul{color:#444;font-size:1.1rem;list-style-type:disc;margin-left:20px}.why-choose-us li{margin-bottom:12px}.testimonials{margin-bottom:50px}.testimonials h2{color:#007bff;margin-bottom:25px}.testimonial-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.testimonial-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;display:flex;flex-basis:calc(33% - 24px);flex-grow:1;flex-shrink:1;margin:10px 0;min-width:280px;padding:20px;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-6px)}.testimonial-avatar{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:55px;justify-content:center;margin-right:18px;width:55px}.testimonial-content p{margin:4px 0}.testimonial-name{color:#333;font-weight:700}.contact-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:50px;padding:40px}.contact-section h2{color:#007bff;font-size:1.8rem;margin-bottom:20px}@media (max-width:1024px){.course-card,.testimonial-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}.director-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:30px;text-align:center}.director-preview h2{color:#007bff;font-size:1.8rem;margin-bottom:15px}.director-preview p{color:#444;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.director-preview .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;text-decoration:none;transition:background-color .3s ease,transform .2s}.director-preview .btn.btn-secondary{background-color:#e2e6ea;color:#333}.director-preview .btn.btn-secondary:hover{background-color:#cacfd4;transform:translateY(-2px)}@media (max-width:600px){.homepage-container{padding:20px 10px}.hero{padding:50px 15px}.hero h1{font-size:2rem}.course-card,.testimonial-card{flex:1 1 100%}}.login-wrapper{align-items:center;background:linear-gradient(135deg,#eef2f7,#dfe9f3);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.decorative-glow{background:radial-gradient(circle,#007bff33,#0000 70%);border-radius:50%;filter:blur(60px);height:400px;left:50%;position:absolute;top:20%;transform:translateX(-50%);width:400px;z-index:0}.or-separator{padding-top:10px}.card{height:580px;perspective:1200px;position:relative;width:380px;z-index:1}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:0 24px;position:absolute;transform-style:preserve-3d;transition:transform .8s ease-in-out;width:100%}.card-front{transform:rotateY(0deg)}.card-back{transform:rotateY(180deg)}.card.flipped .card-front{transform:rotateY(-180deg)}.card.flipped .card-back{transform:rotateY(0deg)}.logo-container{margin-bottom:20px}.logo{height:auto;width:60px}.flip-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;width:100%}.flip-btn{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-weight:700;padding:10px;transition:background .3s,border-color .3s}.flip-btn:hover{background:#f0f0f0}.flip-btn.active{background:#007bff;border-color:#007bff;color:#fff}.login-form{display:flex;flex-direction:column;width:100%}.input-field{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;margin:6px 0;padding:12px;width:100%}.loginpage-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:12px;transition:background .3s;width:100%}.login-btn:hover{background:#0056b3}.social-login{flex-direction:column;margin-top:20px}.social-btn,.social-login{display:flex;gap:10px;width:100%}.social-btn{align-items:center;border-radius:8px;cursor:pointer;font-weight:700;justify-content:center;padding:12px;transition:all .3s}.outlined-btn{background:#fff;border:1px solid #ccc}.outlined-btn:hover{background:#f7f7f7}.social-icon{height:20px;width:20px}.copyright{color:#888;font-size:11px;line-height:1.4;margin-top:20px;text-align:center}@media (max-width:450px){.card{max-height:90vh;min-height:480px;width:90%}}.director-page{color:#333;font-family:Arial,sans-serif;margin:20px auto;max-width:1100px;padding:0 20px}.director-hero{background:linear-gradient(135deg,#00c6ff,#0072ff);border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;margin-bottom:40px;padding:60px 20px;text-align:center}.director-photo{border:4px solid #fff;border-radius:50%;height:140px;margin-bottom:20px;object-fit:cover;width:140px}.director-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.director-card h2{color:#007bff;margin-bottom:15px}.director-card ul{color:#444;line-height:1.6;list-style:disc;padding-left:20px}.director-card li{margin-bottom:12px}.director-card blockquote{border-left:4px solid #007bff;color:#0056b3;font-style:italic;margin:15px 0;padding-left:12px}.contact-section a{color:#007bff;text-decoration:none}.contact-section a:hover{text-decoration:underline}
/*# sourceMappingURL=main.fbabd7bc.css.map*/