@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--primary:#16a34a;--primary-light:#22c55e;--primary-dark:#15803d;--primary-gradient:linear-gradient(135deg, #16a34a 0%, #22c55e 50%, #4ade80 100%);--primary-gradient-dark:linear-gradient(135deg, #14532d 0%, #166534 50%, #15803d 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-green:0 10px 40px -10px #16a34a4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-badge{background:var(--green-50);color:var(--primary);border-radius:var(--radius-full);border:1px solid var(--green-200);align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{color:var(--gray-900);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}.section-title span{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:1.1rem}.btn{border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:var(--transition);background:#ffffff1a;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(0)}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-green)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #16a34a66}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow-lg)}.btn-white:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-sm{padding:10px 24px;font-size:.875rem}.navbar{height:var(--navbar-height);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:var(--transition);background:#ffffffd9;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fffffff2}.navbar-inner{height:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:var(--gray-900);z-index:1001;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.navbar-logo .logo-icon{background:var(--primary-gradient);border-radius:var(--radius-md);width:42px;height:42px;color:var(--white);justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex}.navbar-logo .logo-text span{color:var(--primary)}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-links a{color:var(--gray-600);border-radius:var(--radius-sm);transition:var(--transition);padding:8px 16px;font-size:.9rem;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--primary);background:var(--green-50)}.navbar-cta{box-shadow:var(--shadow-green);background:var(--primary-gradient)!important;color:var(--white)!important;border-radius:var(--radius-full)!important;padding:10px 24px!important;font-weight:600!important}.navbar-cta:hover{transform:translateY(-1px);box-shadow:0 8px 25px -5px #16a34a66}.mobile-toggle{z-index:1001;background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-toggle span{background:var(--gray-700);width:24px;height:2.5px;transition:var(--transition);border-radius:2px}.mobile-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{min-height:100vh;padding-top:var(--navbar-height);background:linear-gradient(135deg, var(--green-50) 0%, var(--white) 40%, var(--green-50) 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#22c55e0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.hero-content{z-index:2;max-width:700px;position:relative}.hero-badge{background:var(--white);color:var(--primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);border:1px solid var(--green-100);align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:.9rem;font-weight:600;animation:.6s ease-out slideUp;display:inline-flex}.hero-badge .pulse{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero h1{color:var(--gray-900);margin-bottom:20px;font-size:3.8rem;font-weight:900;line-height:1.1;animation:.6s ease-out .1s backwards slideUp}.hero h1 span{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--gray-500);max-width:560px;margin-bottom:36px;font-size:1.15rem;line-height:1.8;animation:.6s ease-out .2s backwards slideUp}.hero-buttons{flex-wrap:wrap;gap:16px;animation:.6s ease-out .3s backwards slideUp;display:flex}.hero-stats{gap:48px;margin-top:60px;animation:.6s ease-out .4s backwards slideUp;display:flex}.hero-stat h3{color:var(--primary);font-size:2rem;font-weight:800}.hero-stat p{color:var(--gray-400);margin-bottom:0;font-size:.85rem}.hero-visual{z-index:1;width:45%;position:absolute;top:50%;right:-5%;transform:translateY(-50%)}.hero-visual-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid;transform:rotate(-5deg)}.hero-visual-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--green-100);transition:var(--transition);padding:24px}.hero-visual-card:nth-child(2),.hero-visual-card:nth-child(4){transform:translateY(30px)}.hero-visual-card .card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.3rem;display:flex}.hero-visual-card h4{color:var(--gray-800);margin-bottom:4px;font-size:.9rem;font-weight:700}.hero-visual-card p{color:var(--gray-400);margin-bottom:0;font-size:.75rem}.courses-highlight{background:var(--gray-50)}.courses-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.course-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:32px;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--primary-gradient);height:4px;transition:var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.course-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.course-card:hover:before{transform:scaleX(1)}.course-card-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--white);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.course-card h3{color:var(--gray-900);margin-bottom:10px;font-size:1.15rem;font-weight:700}.course-card p{color:var(--gray-500);margin-bottom:16px;font-size:.9rem;line-height:1.6}.course-card-meta{align-items:center;gap:16px;margin-bottom:20px;display:flex}.course-card-meta span{color:var(--gray-400);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.course-card .btn-sm{width:100%}.why-us-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.why-card{text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:40px 24px}.why-card:hover{box-shadow:var(--shadow-lg);border-color:var(--green-300);transform:translateY(-6px)}.why-card-icon{border-radius:var(--radius-lg);background:var(--green-50);width:64px;height:64px;color:var(--primary);transition:var(--transition);justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;display:flex}.why-card:hover .why-card-icon{background:var(--primary-gradient);color:var(--white);transform:scale(1.1)}.why-card h4{color:var(--gray-800);margin-bottom:8px;font-size:1rem;font-weight:700}.why-card p{color:var(--gray-500);font-size:.85rem;line-height:1.6}.stats-section{background:var(--primary-gradient-dark);padding:60px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-item{text-align:center;color:var(--white)}.stat-item h3{margin-bottom:4px;font-size:2.5rem;font-weight:900}.stat-item p{opacity:.8;font-size:.9rem;font-weight:500}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:32px;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-card .quote-icon{color:var(--green-200);margin-bottom:16px;font-size:2.5rem;line-height:1}.testimonial-card p{color:var(--gray-600);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--primary-gradient);width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.testimonial-info h5{color:var(--gray-800);font-size:.9rem;font-weight:700}.testimonial-info span{color:var(--gray-400);font-size:.8rem}.cta-section{background:var(--primary-gradient-dark);text-align:center;padding:80px 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 30%,#ffffff0d 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-section h2{color:var(--white);margin-bottom:16px;font-size:2.2rem;font-weight:800}.cta-section p{color:#fffc;max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-buttons{justify-content:center;gap:16px;display:flex}.page-hero{background:linear-gradient(135deg, var(--green-50) 0%, var(--white) 100%);text-align:center;padding:140px 0 80px;position:relative;overflow:hidden}.page-hero:before{content:"";background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:0;right:0}.page-hero h1{color:var(--gray-900);margin-bottom:16px;font-size:2.8rem;font-weight:900}.page-hero h1 span{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-hero p{color:var(--gray-500);max-width:600px;margin:0 auto;font-size:1.1rem}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text h2{color:var(--gray-900);margin-bottom:20px;font-size:2rem;font-weight:800}.about-text p{color:var(--gray-500);margin-bottom:16px;line-height:1.8}.about-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.about-image img{object-fit:cover;width:100%;height:400px}.mission-vision{grid-template-columns:1fr 1fr;gap:32px;display:grid}.mv-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:40px}.mv-card:hover{box-shadow:var(--shadow-lg);border-color:var(--green-300);transform:translateY(-4px)}.mv-card .mv-icon{background:var(--green-50);border-radius:var(--radius-md);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.mv-card h3{color:var(--gray-900);margin-bottom:12px;font-size:1.3rem;font-weight:700}.mv-card p{color:var(--gray-500);line-height:1.7}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--green-200);border-radius:2px;width:3px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{align-items:center;margin-bottom:40px;display:flex;position:relative}.timeline-item:nth-child(odd){text-align:right;flex-direction:row}.timeline-item:nth-child(2n){text-align:left;flex-direction:row-reverse}.timeline-content{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);width:44%;transition:var(--transition);padding:24px}.timeline-content:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-dot{background:var(--primary);border:3px solid var(--white);width:16px;height:16px;box-shadow:0 0 0 3px var(--green-200);z-index:1;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.timeline-content h4{color:var(--primary);margin-bottom:4px;font-size:1rem;font-weight:700}.timeline-content h3{color:var(--gray-800);margin-bottom:8px;font-size:1.1rem;font-weight:700}.timeline-content p{color:var(--gray-500);font-size:.85rem}.course-detail-header{padding:140px 0 60px;position:relative;overflow:hidden}.course-detail-header:before{content:"";background:var(--primary-gradient-dark);opacity:.95;position:absolute;inset:0}.course-detail-header .container{z-index:2;position:relative}.course-detail-header h1{color:var(--white);margin-bottom:16px;font-size:2.8rem;font-weight:900}.course-detail-header p{color:#fffc;max-width:600px;margin-bottom:24px;font-size:1.1rem}.course-detail-meta{gap:32px;margin-bottom:32px;display:flex}.course-detail-meta span{color:#ffffffe6;align-items:center;gap:8px;font-weight:500;display:flex}.course-detail-body{grid-template-columns:2fr 1fr;gap:40px;display:grid}.course-detail-main{padding-right:20px}.course-detail-main h2{color:var(--gray-900);margin-top:40px;margin-bottom:16px;font-size:1.5rem;font-weight:700}.course-detail-main h2:first-child{margin-top:0}.course-detail-main p{color:var(--gray-500);margin-bottom:16px;line-height:1.8}.syllabus-list{gap:12px;display:grid}.syllabus-item{background:var(--gray-50);border-radius:var(--radius-sm);color:var(--gray-700);transition:var(--transition);border:1px solid #0000;align-items:center;gap:12px;padding:14px 20px;font-size:.9rem;display:flex}.syllabus-item:hover{background:var(--green-50);border-color:var(--green-200)}.syllabus-item .check{color:var(--primary);flex-shrink:0;font-size:1rem}.course-detail-sidebar{height:fit-content;position:sticky;top:100px}.sidebar-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);padding:32px}.sidebar-card h3{color:var(--gray-900);margin-bottom:20px;font-size:1.2rem;font-weight:700}.sidebar-info{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sidebar-info-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding-bottom:16px;display:flex}.sidebar-info-item label{color:var(--gray-400);font-size:.85rem;font-weight:500}.sidebar-info-item span{color:var(--gray-800);font-size:.9rem;font-weight:600}.benefits-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.benefit-item{color:var(--gray-600);align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.benefit-item .check{color:var(--primary);flex-shrink:0;margin-top:3px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;padding:40px;animation:.4s ease-out slideUpModal;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{background:var(--gray-100);width:36px;height:36px;color:var(--gray-500);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-content h2{color:var(--gray-900);margin-bottom:8px;font-size:1.5rem;font-weight:800}.modal-content .modal-subtitle{color:var(--gray-400);margin-bottom:28px;font-size:.9rem}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-700);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;color:var(--gray-800);transition:var(--transition);background:var(--white);padding:12px 16px;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-300)}.form-success{text-align:center;padding:40px 20px}.form-success .success-icon{background:var(--green-50);width:72px;height:72px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:2rem;display:flex}.form-success h3{color:var(--gray-900);margin-bottom:8px;font-size:1.3rem;font-weight:700}.form-success p{color:var(--gray-500);margin-bottom:24px}.directors-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px;display:grid}.director-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:var(--transition);overflow:hidden}.director-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.director-card img{aspect-ratio:4/5;object-fit:cover;object-position:top;width:100%}.director-info{padding:28px}.director-info h3{color:var(--gray-900);margin-bottom:4px;font-size:1.3rem;font-weight:700}.director-info .role{color:var(--primary);margin-bottom:12px;font-size:.85rem;font-weight:600}.director-info p{color:var(--gray-500);font-size:.9rem;line-height:1.7}.team-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.team-card{text-align:center;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:32px 20px}.team-card:hover{box-shadow:var(--shadow-lg);border-color:var(--green-300);transform:translateY(-4px)}.team-avatar{background:var(--primary-gradient);width:72px;height:72px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.2rem;font-weight:700;display:flex}.team-card h4{color:var(--gray-800);margin-bottom:4px;font-size:1rem;font-weight:700}.team-card p{color:var(--gray-400);font-size:.8rem;font-weight:500}.placement-features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.placement-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:32px}.placement-card:hover{box-shadow:var(--shadow-lg);border-color:var(--green-300);transform:translateY(-4px)}.placement-card .p-icon{background:var(--green-50);border-radius:var(--radius-md);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.3rem;display:flex}.placement-card h3{color:var(--gray-800);margin-bottom:10px;font-size:1.1rem;font-weight:700}.placement-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.companies-section{background:var(--gray-50)}.companies-grid{grid-template-columns:repeat(6,1fr);gap:24px;display:grid}.company-logo{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition);color:var(--gray-400);justify-content:center;align-items:center;padding:24px;font-size:.85rem;font-weight:700;display:flex}.company-logo:hover{border-color:var(--green-300);box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-2px)}.success-stories{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:28px}.story-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.story-card .story-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.story-card .story-avatar{background:var(--primary-gradient);width:48px;height:48px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.story-card .story-meta h4{color:var(--gray-800);font-size:.95rem;font-weight:700}.story-card .story-meta span{color:var(--primary);font-size:.8rem;font-weight:500}.story-card p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.gallery-item{border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:4/3;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item .gallery-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000 40%,#14532dcc 100%);align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h4{color:var(--white);font-size:1rem;font-weight:600}.gallery-overlay p{color:#fffc;font-size:.8rem}.gallery-item.large{grid-area:span 2/span 2}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info{padding-right:40px}.contact-info h2{color:var(--gray-900);margin-bottom:16px;font-size:2rem;font-weight:800}.contact-info>p{color:var(--gray-500);margin-bottom:32px;line-height:1.7}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{align-items:flex-start;gap:16px;display:flex}.contact-item .ci-icon{background:var(--green-50);border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact-item h4{color:var(--gray-800);margin-bottom:2px;font-size:.9rem;font-weight:700}.contact-item p{color:var(--gray-500);font-size:.85rem}.contact-form-wrapper{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);padding:40px}.contact-form-wrapper h3{color:var(--gray-900);margin-bottom:24px;font-size:1.3rem;font-weight:700}.footer{background:var(--gray-900);color:var(--gray-400);padding:80px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}.footer-brand h3{color:var(--white);margin-bottom:16px;font-size:1.4rem;font-weight:800}.footer-brand h3 span{color:var(--green-400)}.footer-brand p{margin-bottom:20px;font-size:.9rem;line-height:1.7}.footer-social{gap:12px;display:flex}.footer-social a{background:var(--gray-800);width:40px;height:40px;color:var(--gray-400);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.footer-col h4{color:var(--white);margin-bottom:20px;font-size:1rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--gray-400);transition:var(--transition);font-size:.9rem}.footer-col a:hover{color:var(--green-400);padding-left:4px}.footer-bottom{border-top:1px solid var(--gray-800);justify-content:space-between;align-items:center;padding-top:24px;font-size:.85rem;display:flex}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero h1{font-size:2.8rem}.hero-visual{display:none}.courses-grid,.why-us-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.about-content,.course-detail-body{grid-template-columns:1fr}.course-detail-sidebar{position:static}.team-grid,.placement-features{grid-template-columns:repeat(2,1fr)}.companies-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.large{grid-area:span 1/span 1}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:1.8rem}.navbar-links{background:var(--white);width:80%;max-width:320px;height:100vh;transition:var(--transition);flex-direction:column;align-items:flex-start;gap:4px;padding:100px 32px 32px;position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #0000001a}.navbar-links.open{right:0}.navbar-links a{width:100%;padding:12px 16px;font-size:1rem}.mobile-toggle{display:flex}.hero{min-height:auto;padding:120px 0 60px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-stats{flex-wrap:wrap;gap:24px}.hero-stat h3{font-size:1.5rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.courses-grid,.why-us-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.testimonials-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.page-hero h1{font-size:2rem}.mission-vision{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){text-align:left;flex-direction:column;padding-left:50px}.timeline-content{width:100%}.timeline-dot{left:20px}.directors-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.placement-features,.success-stories,.gallery-grid,.contact-grid{grid-template-columns:1fr}.contact-info{padding-right:0}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.course-detail-header h1{font-size:2rem}.course-detail-meta{flex-wrap:wrap;gap:16px}.modal-content{padding:28px}.companies-grid{grid-template-columns:repeat(2,1fr)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-50) 50%, var(--gray-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.scroll-top{background:var(--primary-gradient);width:48px;height:48px;color:var(--white);cursor:pointer;z-index:999;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-green);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-4px)}
