*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:linear-gradient(135deg,#667eea 0%,#fff 50%,#4facfe 100%) 0 0/400% 400%;font-family:Outfit,sans-serif;animation:15s infinite gradientAnimation;overflow-x:hidden}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-orb{filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.orb-1{background:#667eea;width:600px;height:600px;animation:10s infinite float;top:-200px;left:-200px}.orb-2{background:#fa709a;width:500px;height:500px;animation:12s infinite reverse float;bottom:-150px;right:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.menu-bar{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffffd9;border:1px solid #fff6;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:12px 30px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.nav-hidden{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-20px)}.menu-links{gap:25px;list-style:none;display:flex}.menu-links a{color:#334155;align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu-links a:hover{color:#667eea}.menu-logo{color:#54689e;padding-bottom:4px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;position:relative}.menu-logo:after{content:"";background:#d1242a;width:100%;height:3px;position:absolute;bottom:0;left:0}.menu-btn{color:#fff;background:linear-gradient(135deg,#0043f6,#b800eb,#0043f6) 0 0/200%;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;animation:4s linear infinite shine;box-shadow:0 8px 20px #b800eb4d}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.dropdown{opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:250px;margin-top:15px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.menu-links li:hover .dropdown{opacity:1;visibility:visible}.dropdown a{padding:10px 20px;font-size:14px;display:block;color:#333!important}.training-hero{text-align:center;max-width:1000px;margin:0 auto;padding:160px 20px 80px}.hero-label-train{background:linear-gradient(135deg,#572dff,#9d4dff);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:20px;font-weight:800;display:block}.training-h1{color:#1e293b;margin-bottom:20px;font-size:56px;font-weight:900;line-height:1.1}.training-intro{color:#64748b;max-width:800px;margin:0 auto 40px;font-size:18px;line-height:1.8}.programs-section{max-width:1200px;margin:0 auto 100px;padding:20px}.section-heading{text-align:center;color:#1e293b;margin-bottom:50px;font-size:36px;font-weight:900}.certs-grid{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.certs-grid::-webkit-scrollbar{height:6px}.certs-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.certs-grid::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.certs-grid::-webkit-scrollbar-thumb:hover{background:#667eea80}.program-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffc;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;flex:0 0 280px;align-items:center;padding:25px;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000000d}.program-card:hover{background:#fffffff2;border-color:#667eea;transform:translateY(-5px);box-shadow:0 20px 50px #667eea26}.program-icon{border-radius:12px;justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:20px;display:flex}.program-icon img{border-radius:15px}.program-card h3{color:#1e293b;margin-bottom:0;font-size:15px;font-weight:700;line-height:1.4}.category-container{border-bottom:2px solid #0000000d;align-items:center;gap:15px;margin:60px 0 25px;padding-bottom:15px;display:flex}.category-container:first-of-type{margin-top:20px}.section-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.category-heading{color:#1e293b;margin:0;font-size:22px;font-weight:800}.theme-essential{background:linear-gradient(135deg,#10b981,#059669)}.theme-business{background:linear-gradient(135deg,#3b82f6,#2563eb)}.theme-security{background:linear-gradient(135deg,#ef4444,#b91c1c)}.theme-development{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.theme-specialization{background:linear-gradient(135deg,#f59e0b,#d97706)}.theme-cloud{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.theme-data{background:linear-gradient(135deg,#f97316,#ea580c)}.theme-learning{background:linear-gradient(135deg,#84cc16,#65a30d)}.theme-creative{background:linear-gradient(135deg,#ec4899,#db2777)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;background:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:800px;max-height:85vh;padding:40px;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000040}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-header{align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.modal-img{-o-object-fit:contain;object-fit:contain;background:#f8fafc;border-radius:20px;flex-shrink:0;width:150px;height:150px;padding:10px}.modal-info h2{color:#1e293b;margin-bottom:12px;font-size:24px;font-weight:800}.modal-tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.modal-tag{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.modal-description{color:#475569;font-size:15px;line-height:1.8}.modal-description ul{margin-top:15px;padding-left:20px}.modal-description li{margin-bottom:10px}.status-container{text-align:center;grid-column:1/-1;width:100%;padding:60px 20px}.loader{box-sizing:border-box;border:5px solid #667eea;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-msg{color:#ef4444;font-weight:600}.method-section{background:linear-gradient(90deg,#f8fafccc,#f1f5f9cc);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:100px 20px}.method-container{max-width:1100px;margin:0 auto}.method-steps{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;display:grid}.method-step{text-align:center;position:relative}.step-circle{color:#667eea;z-index:2;background:#fff;border:4px solid #667eea;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 25px;font-size:24px;font-weight:900;display:flex;position:relative;box-shadow:0 10px 20px #667eea33}.method-step:not(:last-child):after{content:"";z-index:1;background:#e2e8f0;width:100%;height:4px;position:absolute;top:30px;right:-50%}.method-step h4{color:#1e293b;margin-bottom:10px;font-size:18px;font-weight:800}.method-step p{color:#64748b;font-size:14px;line-height:1.6}.why-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:100px auto;padding:20px;display:grid}.why-content h2{color:#1e293b;margin-bottom:30px;font-size:36px;font-weight:900}.why-list{margin-top:30px;list-style:none}.why-list li{align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.check-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:16px;font-weight:900;display:flex;box-shadow:0 5px 15px #10b9814d}.why-text h4{color:#1e293b;margin-bottom:5px;font-size:18px;font-weight:700}.why-text p{color:#64748b;font-size:15px;line-height:1.6}.why-visual{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;justify-content:center;align-items:center;height:400px;display:flex;position:relative;overflow:hidden}.glass-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:center;background:#fff3;border:2px solid #fff6;border-radius:24px;padding:40px}.glass-badge h3{margin-bottom:10px;font-size:48px;font-weight:900}.glass-badge span{letter-spacing:1px;text-transform:uppercase;font-size:18px;font-weight:600}.footer-section{color:#fff;background:linear-gradient(#0f172a 0%,#1e293b 100%);padding:80px 20px 30px;position:relative;overflow:hidden}.footer-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#667eea1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#84fab014 0%,#0000 50%);animation:15s ease-in-out infinite bgShift;position:absolute;inset:0}@keyframes bgShift{0%,to{opacity:.5}50%{opacity:.8}}.footer-container{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex;position:relative}.footer-logo{color:#54689e;margin-bottom:24px;padding-bottom:8px;font-size:36px;font-weight:900;display:inline-block;position:relative}.footer-logo:after{content:"";background:#d1242a;width:100%;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-info p{color:#cbd5e1;max-width:600px;margin-bottom:20px;font-size:15px;line-height:1.8}.footer-contact{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:20px;display:flex}.footer-contact-item{color:#cbd5e1;align-items:center;gap:8px;font-size:14px;display:flex}.footer-contact-item span{color:#667eea;font-size:18px}.cert-logos{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.cert-badge{background:#fffffff2;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:140px;height:60px;padding:8px 12px;transition:all .3s;display:flex}.cert-badge:hover{background:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #0003}.cert-badge img{-o-object-fit:contain;object-fit:contain;max-width:120px;max-height:40px}.footer-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:60px;padding-top:30px;font-size:13px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:#cbd5e1;font-weight:600;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff}@media (max-width:1024px){.certs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.method-steps{grid-template-columns:1fr 1fr;gap:50px}.method-step:not(:last-child):after{display:none}.why-section{grid-template-columns:1fr}}@media (max-width:768px){.certs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.certs-grid{grid-template-columns:1fr}}@keyframes shine{to{background-position:200%}}@media (max-width:768px){.menu-bar{justify-content:space-between;align-items:center;gap:10px;display:flex;flex-wrap:wrap!important;padding:10px 15px!important}.menu-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border-radius:15px;flex-direction:column;order:3;width:100%;margin-top:10px;padding:15px;box-shadow:0 10px 30px #0000001a;display:none!important}.menu-links.active{display:flex!important}.menu-links li{text-align:left;width:100%}.menu-links>li>a{border-bottom:1px solid #0000000d;justify-content:space-between;padding:12px 10px;display:flex}.dropdown{display:none;opacity:1!important;visibility:visible!important;box-shadow:none!important;background:0 0!important;margin-top:5px!important;padding-left:20px!important;position:static!important}.dropdown.active{display:block}.dropdown a{border-bottom:1px solid #00000005;padding:10px!important}.mobile-menu-btn{cursor:pointer;color:#334155;background:0 0;border:none;order:1;justify-content:center;align-items:center;font-size:24px;display:flex!important}#main-nav>div{flex:1;order:2;justify-content:flex-end;gap:10px;display:flex}.menu-logo{font-size:20px!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}}
