body{font-family:'Inter',system-ui,sans-serif;background:#fff;color:#000;line-height:1.85;scroll-behavior:smooth;margin:0;padding:0}.logo-img{height:48px;width:auto;margin-right:12px}.nav-link{position:relative;color:#0f172a;font-weight:500;margin-right:24px;text-decoration:none;transition:color 0.25s ease}.nav-link.active{color:#0d3b66;font-weight:600}.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#ff7f23;transition:width 0.25s ease}.nav-link.active::after{width:100%}.nav-link:hover::after{width:100%}.elite-toggler{width:42px;height:42px;border:none;background:#fff0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.25s ease,box-shadow 0.25s ease}.elite-toggler:hover{background-color:rgb(0 0 0 / .05)}.elite-toggler:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(0 0 0 / .25)}.elite-toggler span,.elite-toggler span::before,.elite-toggler span::after{content:"";display:block;width:22px;height:2px;background-color:#111;border-radius:2px;position:absolute;transition:transform 0.3s ease,opacity 0.3s ease}.elite-toggler span::before{transform:translateY(-7px)}.elite-toggler span::after{transform:translateY(7px)}.elite-toggler:not(.collapsed) span{background-color:#fff0}.elite-toggler:not(.collapsed) span::before{transform:rotate(45deg)}.elite-toggler:not(.collapsed) span::after{transform:rotate(-45deg)}.hero{min-height:80vh;background:url(images/pexels-ketut-subiyanto-5055213.jpg) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .75),rgb(0 0 0 / .55));z-index:1}.hero-content{position:relative;z-index:2;max-width:900px;padding:0 20px}.hero h2{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;margin-bottom:20px;letter-spacing:.5px;animation:fadeInDown 1s ease forwards;color:#fff}.hero p{font-size:1.125rem;line-height:1.9;margin-bottom:35px;color:#f1f1f1;animation:fadeInUp 1.2s ease forwards}.btn-custom{display:inline-block;padding:14px 36px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb347);border-radius:50px;text-decoration:none;transition:all 0.35s ease;box-shadow:0 12px 30px rgb(0 0 0 / .35);animation:fadeInUp 1.4s ease forwards}.btn-custom:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgb(0 0 0 / .45);filter:brightness(1.05)}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{min-height:85vh}.hero p{font-size:1rem}}.project-training-overview{padding:100px 15px;background:linear-gradient(135deg,#f8fafc,#eef2f7);font-family:"Segoe UI",sans-serif}.container{max-width:1100px;margin:auto}.section-title{text-align:center;font-size:clamp(2rem, 4vw, 2.6rem);font-weight:700;color:#111827;margin-bottom:60px;position:relative}.section-title::after{content:"";width:80px;height:4px;background:linear-gradient(90deg,#2563eb,#16a34a);display:block;margin:14px auto 0;border-radius:3px}.project-training-overview p{position:relative;padding:28px 30px 28px 70px;font-size:1.05rem;line-height:1.85;color:#374151;background:#fff;border-radius:14px;margin-bottom:24px;box-shadow:0 12px 28px rgb(0 0 0 / .06);transition:transform 0.35s ease,box-shadow 0.35s ease}.project-training-overview p:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(0 0 0 / .08)}.project-training-overview p::before{position:absolute;left:25px;top:28px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem}.edu-icon::before{content:"\f19d";background:rgb(22 163 74 / .12);color:#16a34a}.corp-icon::before{content:"\f0b1";background:rgb(37 99 235 / .12);color:#2563eb}@media (max-width:768px){.project-training-overview{padding:70px 15px}.project-training-overview p{padding:24px 22px 24px 64px;font-size:1rem}.project-training-overview p::before{top:24px;left:18px}}.technology-language-training{padding:80px 0;background:#fff}.section-title{text-align:center;font-size:2.3rem;font-weight:700;color:#000;margin-bottom:45px}.tech-line{position:relative;display:block;text-decoration:none;color:#000;padding:14px 0 14px 56px;font-size:1.05rem;line-height:1.8;margin-bottom:18px;transition:color 0.3s ease}.tech-line::after{content:"";position:absolute;left:56px;bottom:4px;width:0;height:2px;background:linear-gradient(to right,#2563eb,#22c55e,#8b5cf6);transition:width 0.4s ease}.tech-line:hover::after{width:calc(100% - 56px)}.tech-line:hover{color:#fff}.tech-line::before{font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:16px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:transform 0.35s ease}.tech-line:hover::before{transform:scale(1.15) rotate(-8deg)}.icon-language::before{content:"\f1c9"}.icon-framework::before{content:"\f542"}.icon-database::before{content:"\f1c0"}.icon-tools::before{content:"\f7d9"}@media (max-width:768px){.section-title{font-size:1.9rem}.tech-line{font-size:1rem;padding-left:52px}}.project-development-process{padding:110px 15px;background:linear-gradient(135deg,#f1f5f9,#ffffff);font-family:"Segoe UI",sans-serif}.project-development-process .container{max-width:1100px;margin:auto}.project-development-process .section-title{text-align:center;font-size:clamp(2.1rem, 4vw, 2.7rem);font-weight:700;color:#0f172a;margin-bottom:80px;letter-spacing:.3px}.project-development-process .section-title::after{content:"";width:100px;height:4px;background:linear-gradient(90deg,#2563eb,#38bdf8);display:block;margin:16px auto 0;border-radius:4px}.project-development-process .col-lg-10{position:relative;padding-left:85px;counter-reset:step}.project-development-process .col-lg-10::before{content:"";position:absolute;left:40px;top:0;width:3px;height:100%;background:linear-gradient(180deg,#c7d2fe,#2563eb);opacity:.6;border-radius:4px}.project-development-process p{position:relative;background:rgb(255 255 255 / .75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px 34px;border-radius:18px;font-size:1.05rem;line-height:1.9;color:#334155;margin-bottom:34px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 18px 40px rgb(0 0 0 / .06);transition:transform 0.4s ease,box-shadow 0.4s ease}.project-development-process p::before{counter-increment:step;content:counter(step);position:absolute;left:-85px;top:26px;width:46px;height:46px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:50%;font-size:1.05rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgb(37 99 235 / .4)}.project-development-process p:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgb(0 0 0 / .12)}.project-development-process p{opacity:0;animation:softReveal 0.9s ease forwards}.project-development-process p:nth-child(2){animation-delay:0.1s}.project-development-process p:nth-child(3){animation-delay:0.2s}.project-development-process p:nth-child(4){animation-delay:0.3s}.project-development-process p:nth-child(5){animation-delay:0.4s}.project-development-process p:nth-child(6){animation-delay:0.5s}.project-development-process p:nth-child(7){animation-delay:0.6s}@keyframes softReveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.project-development-process{padding:80px 15px}.project-development-process .col-lg-10{padding-left:60px}.project-development-process .col-lg-10::before{left:26px}.project-development-process p{padding:22px 24px;font-size:1rem}.project-development-process p::before{left:-60px;width:38px;height:38px;font-size:.9rem}}.project-guidance{padding:110px 15px;background:linear-gradient(135deg,#f1f5f9,#ffffff);font-family:"Segoe UI",sans-serif}.project-guidance .container{max-width:1100px;margin:auto}.project-guidance .section-title{text-align:center;font-size:clamp(2.1rem, 4vw, 2.7rem);font-weight:700;color:#0f172a;margin-bottom:80px;letter-spacing:.3px}.project-guidance .section-title::after{content:"";width:100px;height:4px;background:linear-gradient(90deg,#2563eb,#38bdf8);display:block;margin:16px auto 0;border-radius:4px}.project-guidance p{position:relative;background:rgb(255 255 255 / .75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px 34px;border-radius:18px;font-size:1.05rem;line-height:1.9;color:#334155;margin-bottom:34px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 18px 40px rgb(0 0 0 / .06);transition:transform 0.4s ease,box-shadow 0.4s ease}.mentorship-support{padding:110px 15px;background:linear-gradient(135deg,#f8fafc,#eef2ff);font-family:"Segoe UI",sans-serif}.mentorship-support .container{max-width:1100px;margin:auto}.mentorship-support .section-title{text-align:center;font-size:clamp(2.1rem, 4vw, 2.7rem);font-weight:700;color:#0f172a;margin-bottom:80px;letter-spacing:.3px}.mentorship-support .section-title::after{content:"";width:100px;height:4px;background:linear-gradient(90deg,#2563eb,#38bdf8);display:block;margin:16px auto 0;border-radius:4px}.mentorship-support p{position:relative;background:rgb(255 255 255 / .75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px 34px;border-radius:18px;font-size:1.05rem;line-height:1.9;color:#334155;margin-bottom:34px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 18px 40px rgb(0 0 0 / .06);transition:transform 0.4s ease,box-shadow 0.4s ease}.mentorship-support p:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgb(0 0 0 / .12)}.mentorship-support p{opacity:0;animation:softReveal 0.9s ease forwards}.hands-on-experience{padding:110px 15px;background:linear-gradient(135deg,#f1f5f9,#ffffff);font-family:"Segoe UI",sans-serif}.hands-on-experience .container{max-width:1100px;margin:auto}.hands-on-experience .section-title{text-align:center;font-size:clamp(2.1rem, 4vw, 2.7rem);font-weight:700;color:#0f172a;margin-bottom:80px;letter-spacing:.3px}.hands-on-experience .section-title::after{content:"";width:100px;height:4px;background:linear-gradient(90deg,#2563eb,#38bdf8);display:block;margin:16px auto 0;border-radius:4px}.hands-on-experience p{position:relative;background:rgb(255 255 255 / .75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:28px 34px;border-radius:18px;font-size:1.05rem;line-height:1.9;color:#334155;margin-bottom:34px;border:1px solid rgb(255 255 255 / .4);box-shadow:0 18px 40px rgb(0 0 0 / .06);transition:transform 0.4s ease,box-shadow 0.4s ease}.documentation-assistance{padding:100px 15px;background:linear-gradient(135deg,#f8fafc,#eef2f7);font-family:"Segoe UI",sans-serif}.documentation-assistance .container{max-width:1100px;margin:auto}.documentation-assistance .section-title{text-align:center;font-size:clamp(2rem, 4vw, 2.6rem);font-weight:700;color:#0f172a;margin-bottom:70px;position:relative;letter-spacing:.3px}.documentation-assistance .section-title::after{content:"";width:90px;height:4px;background:linear-gradient(90deg,#2563eb,#38bdf8);display:block;margin:16px auto 0;border-radius:4px}.documentation-assistance p{position:relative;background:#fff;padding:26px 32px 26px 72px;border-radius:16px;font-size:1.05rem;line-height:1.85;color:#374151;margin-bottom:26px;box-shadow:0 14px 34px rgb(0 0 0 / .06);transition:transform 0.35s ease,box-shadow 0.35s ease}.documentation-assistance p::before{content:"\f15c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:26px;top:26px;width:36px;height:36px;background:rgb(37 99 235 / .12);color:#2563eb;border-radius:50%;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:transform 0.35s ease,background 0.35s ease}.documentation-assistance p:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgb(0 0 0 / .1)}.documentation-assistance p:hover::before{transform:scale(1.15);background:rgb(37 99 235 / .2)}.documentation-assistance p{opacity:0;animation:docFade 0.9s ease forwards}.documentation-assistance p:nth-child(2){animation-delay:0.1s}.documentation-assistance p:nth-child(3){animation-delay:0.2s}.documentation-assistance p:nth-child(4){animation-delay:0.3s}.documentation-assistance p:nth-child(5){animation-delay:0.4s}@keyframes docFade{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.documentation-assistance{padding:75px 15px}.documentation-assistance .section-title{font-size:1.9rem}.documentation-assistance p{padding:22px 22px 22px 64px;font-size:1rem}.documentation-assistance p::before{left:20px;top:22px;width:32px;height:32px;font-size:.9rem}}#scrollTopBtn{position:fixed;bottom:40px;right:40px;z-index:999;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer;box-shadow:0 8px 20px rgb(37 99 235 / .35),inset 0 -2px 6px rgb(255 255 255 / .25);opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}#scrollTopBtn.show{opacity:1;pointer-events:auto;transform:translateY(0)}#scrollTopBtn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 14px 32px rgb(37 99 235 / .45),inset 0 -2px 8px rgb(255 255 255 / .35)}#scrollTopBtn:active{transform:scale(.94)}#scrollTopBtn:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(255 127 35 / .9),0 12px 28px rgb(37 99 235 / .5)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}#scrollTopBtn.show{animation:float 2.5s ease-in-out infinite}.social-wrap{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:1000}.social-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;text-decoration:none;cursor:pointer;background-size:200% 200%;box-shadow:0 6px 15px rgb(0 0 0 / .25),inset 0 0 0 rgb(255 255 255 / .2);transition:transform 0.35s cubic-bezier(.4,0,.2,1),box-shadow 0.35s ease,filter 0.35s ease}.social-btn:hover{transform:translateX(-6px) scale(1.12);box-shadow:0 12px 25px rgb(0 0 0 / .35),0 0 18px rgb(255 255 255 / .25);filter:brightness(1.15)}.social-btn{animation:float 4s ease-in-out infinite}.social-btn:nth-child(2){animation-delay:0.5s}.social-btn:nth-child(3){animation-delay:1s}@keyframes float{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}.facebook{background:linear-gradient(135deg,#1877F2,#0f5bd8)}.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.social-btn::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgb(255 255 255 / .35);opacity:0;transition:opacity 0.3s ease}.social-btn:hover::after{opacity:1}.footer{position:relative;background:linear-gradient(135deg,#0f172a,#020617);color:#cbd5f5;padding:5.5rem 0 2rem;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.footer-overlay{position:absolute;top:-200px;right:-180px;width:420px;height:420px;background:rgb(79 172 254 / .25);border-radius:50%;filter:blur(180px);z-index:0}.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:1rem}.footer-brand h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-top:27px}.footer-brand p{font-size:.95rem;line-height:1.8;color:#b6c2e2}.footer-links h4,.footer-contact h4,.footer-social h4{font-size:1.15rem;font-weight:600;color:#fff;margin-bottom:1.2rem}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.65rem}.footer-links a{text-decoration:none;font-size:.95rem;color:#cbd5f5;transition:color 0.3s ease,padding-left 0.3s ease}.footer-links a:hover{color:#4facfe;padding-left:6px}.footer-contact p{font-size:.95rem;margin-bottom:.6rem;color:#cbd5f5}.footer-contact a{color:#4facfe;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-social .social-text{font-size:.85rem;color:#b7c6dc;margin-bottom:1.4rem;letter-spacing:.4px;opacity:.9}.social-icons{display:flex;gap:14px}.social-icons a{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#f6f9fd;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 10px 26px rgb(8 16 36 / .55),inset 0 0 0 1px rgb(255 255 255 / .06);transition:transform 0.35s cubic-bezier(.4,0,.2,1),box-shadow 0.35s ease,filter 0.35s ease}.social-icons a:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.15);box-shadow:0 18px 44px rgb(8 16 36 / .85),0 0 20px rgb(255 255 255 / .12),inset 0 0 0 1px rgb(255 255 255 / .14)}.social-icons a::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgb(255 255 255 / .35),transparent 70%);opacity:0;transform:translateX(-120%);transition:opacity 0.3s ease,transform 0.6s ease}.social-icons a:hover::before{opacity:1;transform:translateX(120%)}.facebook{background:linear-gradient(145deg,#1a6de0,#1358b8)}.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 38%,#d6249f 60%,#285AEB 90%)}.footer-bottom{margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid rgb(255 255 255 / .08);text-align:center;font-size:.9rem;color:#94a3b8}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.footer{padding:4rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-brand h3{font-size:1.6rem}}