@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}.navbar-container{width:100%;padding:20px 5%;background:#0f172a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:999;transition:background .3s ease}.logo{height:50px;object-fit:contain;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.menu-toggle{display:none;width:32px;height:32px;cursor:pointer}.nav-links{list-style:none;display:flex;gap:30px;align-items:center;transition:transform .3s ease-in-out}.nav-links li{font-size:16px;font-weight:500;color:#f1f5f9;cursor:pointer;transition:color .3s}.nav-links li:hover{color:#38bdf8}.nav-btn{padding:10px 20px;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;font-weight:600;border-radius:12px;cursor:pointer;transition:background .3s ease,transform .2s ease}.nav-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:scale(1.05)}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:absolute;top:80px;right:0;width:100%;background:#0f172a;flex-direction:column;align-items:flex-start;padding:20px 5%;display:none}.nav-links.show{display:flex}.nav-links li{width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-btn{width:100%;text-align:center;margin-top:10px}}.hero{width:100%;min-height:100vh;background:linear-gradient(#0f172ab3,#0f172ab3),url(/assets/hero-CwzvI5dk.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#fff;text-align:center}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}.hero h1{font-size:3rem;line-height:1.3;font-weight:700;margin-bottom:20px;color:#f8fafc}.hero p{font-size:1.125rem;color:#cbd5e1;margin-bottom:10px}.btn{margin-top:20px;padding:12px 28px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.btn{width:100%;padding:12px}}.btn{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in-out}.btn img{width:20px;height:20px;object-fit:contain;transition:transform .3s ease}.btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:scale(1.05)}.btn:hover img{transform:translate(5px)}.programs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:3rem 2rem;background:#fefefe;max-width:1200px;margin:0 auto}.program{background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 30px #0000000f;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:1rem}.program:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000014}.image-wrapper{position:relative;height:220px;overflow:hidden;border-radius:.75rem}.image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.75rem}.caption{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;color:#fff}.image-wrapper:hover .caption{opacity:1}.caption-icon{width:10px;height:10px;margin-bottom:0rem}.caption p{font-size:1rem;font-weight:500}.title{text-align:center;padding:2rem 1rem;max-width:600px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222}.title h1{font-size:2.75rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1.2px;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title p{font-size:1.25rem;color:#666;font-weight:500;letter-spacing:.8px;margin-top:0}.about{display:flex;flex-wrap:wrap;gap:2rem;padding:4rem 2rem;max-width:1200px;margin:0 auto;align-items:center;background-color:#f9f9f9;border-radius:1rem}.about-left{flex:1 1 45%;position:relative;min-width:280px}.about-img{width:100%;border-radius:1rem;box-shadow:0 10px 30px #00000014;object-fit:cover;height:auto}.play-img{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease}.play-img:hover{transform:translate(-50%,-50%) scale(1.1)}.about.right{flex:1 1 50%;min-width:280px}.about.right h2{font-size:2.25rem;color:#2c3e50;margin-bottom:.5rem}.about.right h3{font-size:1.4rem;font-weight:600;color:#4a90e2;margin-bottom:1rem}.about.right p{font-size:1.05rem;color:#555;line-height:1.7;margin-bottom:1rem}:root{--primary-color: #6c63ff;--background: #f8f9fa;--text-color: #222;--button-bg: rgba(255, 255, 255, .2);--button-border: rgba(255, 255, 255, .4)}body.dark{--background: #121212;--text-color: #f0f0f0}.container{padding:2rem;background:var(--background);text-align:center}.campus{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.gallery-img{width:100%;height:250px;object-fit:cover;border-radius:16px;box-shadow:0 8px 20px #00000014;transition:transform .4s ease,box-shadow .4s ease}.gallery-img:hover{transform:scale(1.05);box-shadow:0 12px 25px #0000001f}.btn-campus{background:var(--button-bg);border:1px solid var(--button-border);padding:.8rem 1.6rem;font-size:1rem;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.btn-campus:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.testimonials{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;background:#f5f7fa;border-radius:16px;position:relative;overflow:hidden}.slider{flex:1;max-width:900px;overflow:hidden}.slider ul{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.slider li{flex:1;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0000000d;transition:transform .3s ease}.icon-user{display:flex;justify-content:center;margin-bottom:1rem}.user-img{width:70px;height:70px;object-fit:cover;border-radius:50%;border:3px solid #6c63ff}h2{font-size:1.2rem;margin:.2rem 0;color:#222}span{font-size:.9rem;color:#777}p{margin-top:.8rem;font-size:.95rem;color:#555;line-height:1.5}.icon{width:45px;height:45px;padding:10px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px #0000001a;cursor:pointer;transition:transform .2s ease}.icon:hover{transform:scale(1.1)}.back-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:10}.next-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10}@media (max-width: 768px){.slider ul{flex-direction:column;gap:1.5rem}.slider li{width:100%}.back-icon,.next-icon{top:auto;bottom:1rem;transform:none}}.contact{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:3rem;background-color:#f4f7fa;border-radius:20px;box-shadow:0 10px 30px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-col{flex:1 1 45%;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #0000000d;transition:transform .3s ease}.contact-col:hover{transform:translateY(-4px)}.contact-col h3{font-size:1.6rem;color:#222;display:flex;align-items:center;gap:10px;margin-bottom:1rem}.contact-col h3 img{width:20px;height:20px}.contact-col p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:2rem}.contact-col ul{list-style:none;padding:0;margin:0}.contact-col ul li{display:flex;align-items:center;gap:12px;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#333}.contact-col ul li img{width:26px;height:26px;filter:contrast(120%)}form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}form label{font-weight:600;font-size:.95rem;color:#333}form label:nth-of-type(1),form label:nth-of-type(2),form label:nth-of-type(3),form label:nth-of-type(4),form input:nth-of-type(1),form input:nth-of-type(2),form input:nth-of-type(3),form input:nth-of-type(4){grid-column:auto}form label:nth-of-type(5),form textarea{grid-column:span 2}form input,form textarea{width:100%;padding:12px 16px;font-size:1rem;border-radius:10px;border:1px solid #ccc;background:#f9f9f9;transition:border-color .3s ease,background .3s ease}form input:focus,form textarea:focus{outline:none;border-color:#6c63ff;background:#fff}textarea{resize:vertical;min-height:120px}button{margin-top:1.5rem;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background-color:#6c63ff;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:background .3s ease,transform .2s ease}button:hover{background-color:#594de0;transform:translateY(-2px)}button img{width:18px;height:18px}@media (max-width: 768px){.contact{flex-direction:column;padding:2rem}.contact-col{flex:1 1 100%}form{grid-template-columns:1fr}form label,form textarea{grid-column:span 1!important}button{width:100%;justify-content:center}}.footer{background-color:#111827;color:#f3f4f6;padding:4rem 2rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:auto}.footer-logo{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-col p{color:#d1d5db;font-size:.95rem;line-height:1.6;margin-bottom:1.2rem}.footer-col h4{font-size:1.1rem;margin-bottom:1rem;color:#f9fafb}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:.8rem;font-size:.95rem}.footer-col ul li a{color:#d1d5db;text-decoration:none;transition:color .3s ease}.footer-col ul li a:hover{color:#6c63ff}.social-icons{display:flex;gap:15px;margin-top:1rem}.social-icons a{color:#f3f4f6;font-size:1.2rem;background-color:#1f2937;padding:10px;border-radius:50%;transition:background .3s ease,transform .2s ease}.social-icons a:hover{background-color:#6c63ff;transform:translateY(-3px)}.footer-bottom{text-align:center;margin-top:2rem;border-top:1px solid #374151;padding-top:1rem;font-size:.9rem;color:#9ca3af}@media (max-width: 600px){.footer{text-align:center}.social-icons{justify-content:center}}.video-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.video-container.hide{opacity:0;visibility:hidden;pointer-events:none}.video-container.show{opacity:1;visibility:visible}.video-element{width:90%;max-width:800px;border-radius:8px;box-shadow:0 0 20px #fff3}
