@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_7071ecd8-module__CkG1Ra__className{font-family:Poppins,Poppins Fallback;font-style:normal}
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1e40af;--primary-dark:#1e3a8a;--secondary-color:#0ea5e9;--accent-color:#f59e0b;--text-dark:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--white:#fff;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}html{scroll-behavior:smooth}body{color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:var(--white);box-shadow:var(--shadow);z-index:1000;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-lg)}.nav-wrapper{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo h1{color:var(--primary-color);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.logo .tagline{color:var(--text-light);font-size:.75rem;font-weight:400}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-menu a:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu a.active{color:var(--primary-color)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;display:none}.menu-toggle span{background:var(--text-dark);width:25px;height:3px;transition:all .3s}.nav-dropdown{position:relative}.dropdown-trigger{cursor:pointer;align-items:center;gap:.25rem;display:flex}.dropdown-icon{transition:transform .3s}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{background:var(--white);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:100;border-radius:8px;min-width:220px;margin-top:.5rem;padding:.5rem 0;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:0}.dropdown-menu a{color:var(--text-dark);padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-menu a:hover{background:var(--bg-light);color:var(--primary-color);padding-left:1.5rem}.dropdown-menu a.active{color:var(--primary-color);background:var(--bg-light)}@media (max-width:768px){.dropdown-menu{box-shadow:none;background:var(--bg-light);border-radius:4px;margin-top:.5rem;margin-left:1rem;position:static}.dropdown-menu.show{display:block}.dropdown-menu a:hover{padding-left:1.25rem}}.hero{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);min-height:100vh;color:var(--white);text-align:center;justify-content:center;align-items:center;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-overlay{opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M 100 0 L 0 0 0 100\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;animation:1s fadeInUp;position:relative}.hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.95;margin-bottom:2rem;font-size:1.25rem;font-weight:300}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border:2px solid #0000;border-radius:50px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{color:var(--white);border-color:var(--white);background:0 0}.btn-secondary:hover{background:var(--white);color:var(--primary-color)}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator span{border:2px solid var(--white);border-radius:25px;width:30px;height:50px;display:block;position:relative}.scroll-indicator span:before{content:"";background:var(--white);border-radius:50%;width:6px;height:6px;animation:2s infinite scroll;position:absolute;top:10px;left:50%;transform:translate(-50%)}.about{background:var(--white);padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{color:var(--text-dark);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.125rem}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about-text p{color:var(--text-light);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.8}.about-stats{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.stat-item{text-align:center;background:var(--bg-light);border-radius:10px;padding:2rem;transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:var(--primary-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-light);font-weight:500}.services{background:var(--bg-light);padding:5rem 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.service-card{background:var(--white);box-shadow:var(--shadow);text-align:center;border-radius:10px;padding:2rem;transition:all .3s}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.service-icon{margin-bottom:1rem;font-size:3rem}.service-card h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.service-card p{color:var(--text-light);line-height:1.6}.learning-portal{background:var(--white);padding:5rem 0}.learning-portal-card{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:var(--white);box-shadow:var(--shadow-lg);border-radius:20px;align-items:center;gap:2rem;padding:3rem;transition:transform .3s;display:flex}.learning-portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0003}.learning-portal-icon{flex-shrink:0;font-size:5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.learning-portal-content{flex:1}.learning-portal-content h3{margin-bottom:1rem;font-size:2rem;font-weight:700}.learning-portal-content>p{opacity:.95;margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.learning-portal-features{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.learning-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.learning-feature .feature-icon{font-size:1.25rem}.learning-portal-btn{background:var(--white);color:var(--primary-color);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.learning-portal-btn:hover{background:var(--bg-light);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.contact{background:var(--white);padding:5rem 0}.contact-content{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{align-items:flex-start;gap:1.5rem;display:flex}.contact-icon{background:var(--bg-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.contact-details h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.contact-details p{color:var(--text-light);line-height:1.8}.contact-details a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.contact-details a:hover{color:var(--primary-dark);text-decoration:underline}.contact-map{background:var(--bg-light);border-radius:10px;width:100%;min-height:400px;position:relative;overflow:hidden}.contact-map iframe{border:none;border-radius:10px;width:100%;height:100%;min-height:400px}.map-fallback{text-align:center;color:var(--text-light);background:var(--bg-light);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:absolute;inset:0}.map-fallback p{margin-bottom:.5rem;font-size:1.5rem}.map-note{margin-bottom:1rem;font-size:1rem}.map-link{background:var(--primary-color);color:var(--white);border-radius:50px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.map-link:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-map iframe:not([src])~.map-fallback{display:flex}.contact-map:has(iframe[src=""]) .map-fallback{display:flex}.footer{background:var(--text-dark);color:var(--white);padding:3rem 0 1rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.footer-section p{color:#fffc;margin-bottom:.5rem;line-height:1.8}.footer-section ul{margin-top:.5rem;list-style:none}.footer-section ul li{color:#fffc;margin-bottom:1rem;padding-left:1rem;position:relative}.footer-section ul li:before{content:"→";color:var(--secondary-color);position:absolute;left:0}.footer-section a{color:#fffc;text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--secondary-color);text-decoration:underline}.social-media-links{flex-direction:column;gap:.75rem;display:flex}.social-link{color:#fffc;align-items:center;gap:.75rem;padding:.5rem 0;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:var(--white);transform:translate(5px)}.social-link svg{width:24px;height:24px;transition:transform .3s}.social-link:hover svg{transform:scale(1.1)}.social-link.youtube:hover{color:red}.social-link.facebook:hover{color:#1877f2}.social-link.instagram:hover{color:#e4405f}.contact-social-links{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.contact-social-link{color:var(--primary-color);align-items:center;gap:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.contact-social-link:hover{color:var(--primary-dark);transform:translate(5px)}.contact-social-link svg{width:20px;height:20px;transition:transform .3s}.contact-social-link:hover svg{transform:scale(1.1)}.youtube-videos{background:var(--bg-light);padding:5rem 0}.videos-loading,.videos-error,.videos-empty{text-align:center;color:var(--text-light);padding:3rem}.videos-error p,.videos-empty p{margin-bottom:1.5rem;font-size:1.125rem}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.video-card{background:var(--white);box-shadow:var(--shadow);border-radius:10px;transition:all .3s;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.video-link{color:inherit;text-decoration:none;display:block}.video-thumbnail{background:var(--bg-light);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-duration{color:var(--white);background:#000c;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.video-play-overlay{opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .video-play-overlay{opacity:1}.video-content{padding:1.5rem}.video-title{color:var(--text-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-description{color:var(--text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.video-date{color:var(--text-light)}.video-views{align-items:center;gap:.25rem;display:flex}.videos-footer{text-align:center;margin-top:2rem}.youtube-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.youtube-modal-content{background:#000;border-radius:10px;width:100%;max-width:1200px;max-height:90vh;animation:.3s scaleIn;position:relative;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.youtube-modal-close{color:var(--white);cursor:pointer;z-index:10001;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.youtube-modal-close:hover{background:#ffffff4d;transform:scale(1.1)rotate(90deg)}.youtube-modal-iframe-container{background:#000;width:100%;padding-top:56.25%;position:relative}.youtube-modal-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.videos-grid{grid-template-columns:1fr}.video-meta{flex-direction:column;align-items:flex-start}.youtube-modal-content{border-radius:0;max-width:100%;max-height:100vh}.youtube-modal-iframe-container{padding-top:56.25%}.youtube-modal-close{width:36px;height:36px;font-size:1.5rem;top:.5rem;right:.5rem}}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@keyframes scroll{0%{opacity:1;top:10px}to{opacity:0;top:30px}}.fraud-alert-popup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;background:#000000b3;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.fraud-alert-popup.active{opacity:1}.fraud-alert-popup-content{color:var(--white);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:20px;width:100%;max-width:600px;max-height:90vh;transition:transform .3s;position:relative;overflow-y:auto;transform:scale(.9)translateY(20px);box-shadow:0 20px 60px #00000080}.fraud-alert-popup.active .fraud-alert-popup-content{transform:scale(1)translateY(0)}.fraud-alert-popup-header{border-bottom:2px solid #fff3;align-items:center;gap:1rem;padding:2rem 2rem 1rem;display:flex;position:relative}.fraud-alert-icon-large{flex-shrink:0;font-size:3rem;animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fraud-alert-popup-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700}.fraud-alert-close-btn{color:var(--white);cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.fraud-alert-close-btn:hover{background:#ffffff4d;transform:scale(1.1)rotate(90deg)}.fraud-alert-popup-body{padding:2rem}.fraud-alert-popup-body p{opacity:.95;margin-bottom:1rem;font-size:1rem;line-height:1.8}.fraud-alert-popup-body p:last-child{margin-bottom:0}.fraud-alert-popup-body strong{margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:block}.fraud-alert-popup-body .highlight{color:gold;font-size:1.125rem;font-weight:700}.fraud-alert-contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;margin-top:1.5rem;padding:1.5rem}.fraud-alert-contact-info p{margin-bottom:.75rem}.fraud-alert-contact-info p:last-child{margin-bottom:0}.fraud-alert-contact-info a{color:var(--white);font-weight:600;text-decoration:underline;transition:color .3s}.fraud-alert-contact-info a:hover{color:gold}.fraud-alert-popup-footer{text-align:center;border-top:2px solid #fff3;padding:1.5rem 2rem 2rem}.fraud-alert-understand-btn{background:var(--white);color:#dc2626;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .3s}.fraud-alert-understand-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}@media (max-width:768px){.fraud-alert-popup-content{max-width:95%;margin:1rem}.fraud-alert-popup-header{flex-wrap:wrap;padding:1.5rem 1.5rem 1rem}.fraud-alert-icon-large{font-size:2.5rem}.fraud-alert-popup-header h2{font-size:1.25rem}.fraud-alert-popup-body{padding:1.5rem}.fraud-alert-popup-body p{font-size:.9375rem}.fraud-alert-popup-footer{padding:1rem 1.5rem 1.5rem}.fraud-alert-understand-btn{width:100%;padding:.875rem 2rem;font-size:1rem}.menu-toggle{display:flex}.nav-menu{background:var(--white);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;padding:2rem;transition:left .3s;position:fixed;top:70px;left:-100%}.nav-menu.active{left:0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.about-content,.about-stats,.contact-content,.services-grid{grid-template-columns:1fr}.learning-portal-card{text-align:center;flex-direction:column;padding:2rem}.learning-portal-icon{font-size:4rem}.learning-portal-content h3{font-size:1.5rem}.learning-portal-features{justify-content:center}.section-header h2{font-size:2rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.btn{padding:.75rem 1.5rem;font-size:.875rem}.hero-buttons{flex-direction:column}}.admin-login{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-login-container{width:100%;max-width:400px}.admin-login-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:10px;padding:2.5rem}.admin-login-card h1{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem;font-weight:700}.admin-login-card>p{color:var(--text-light);margin-bottom:2rem}.admin-login-card .form-group{margin-bottom:1.5rem}.admin-login-card label{color:var(--text-dark);margin-bottom:.5rem;font-weight:500;display:block}.admin-login-card input{border:2px solid var(--bg-light);border-radius:5px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.admin-login-card input:focus{border-color:var(--primary-color);outline:none}.error-message{color:#c33;background:#fee;border-radius:5px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.admin-dashboard{background:var(--bg-light);min-height:100vh;padding:2rem 0}.admin-container{max-width:1200px;margin:0 auto;padding:0 20px}.admin-header{background:var(--white);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.admin-header h1{color:var(--text-dark);font-size:2rem;font-weight:700}.admin-message{border-radius:5px;margin-bottom:2rem;padding:1rem 1.5rem;font-weight:500}.admin-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.admin-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.admin-content{flex-direction:column;gap:2rem;display:flex}.admin-section{background:var(--white);box-shadow:var(--shadow);border-radius:10px;padding:2rem}.admin-section h2{color:var(--text-dark);border-bottom:2px solid var(--bg-light);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.5rem;font-weight:600}.section-header-row{border-bottom:2px solid var(--bg-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-header-row h2{border:none;margin:0;padding:0}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-size:.9375rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:2px solid var(--bg-light);border-radius:5px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group textarea{resize:vertical;min-height:100px}.form-row{background:var(--bg-light);border-radius:5px;grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.service-editor{background:var(--bg-light);border:2px solid #0000;border-radius:5px;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s}.service-editor:hover{border-color:var(--primary-color)}.service-editor .form-group{margin-bottom:1rem}.btn{cursor:pointer;border:none;border-radius:5px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--text-light);color:var(--white)}.btn-secondary:hover{background:var(--text-dark)}.btn-danger{color:var(--white);background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn:disabled{opacity:.6;cursor:not-allowed}.admin-actions{border-top:2px solid var(--bg-light);text-align:center;margin-top:2rem;padding-top:2rem}.loading,.error{text-align:center;color:var(--text-light);padding:3rem;font-size:1.25rem}.error{color:#dc2626}@media (max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start;gap:1rem}}.training-calendar-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:50px;display:grid}.calendar-card{cursor:pointer;background:#fff;border-radius:16px;padding:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.calendar-icon{color:#06c;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.calendar-card:hover .calendar-icon{color:#0052a3;transform:scale(1.1)}.calendar-content{text-align:center}.calendar-description{color:#6c757d;margin-bottom:20px;font-size:.95rem;line-height:1.6}.calendar-date{color:#495057;border-top:2px solid #e9ecef;justify-content:center;align-items:center;gap:10px;padding-top:15px;font-size:.9rem;display:flex}.calendar-month{color:#06c;font-weight:600}.calendar-year{font-weight:500}.calendar-overlay{opacity:0;background:#0066ccf2;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.calendar-view-btn{color:#fff;border:2px solid #fff;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:all .3s}.calendar-card:hover .calendar-view-btn{color:#06c;background:#fff}.calendar-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.calendar-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.calendar-modal-header{background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border-bottom:2px solid #e9ecef;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:25px 30px;display:flex}.calendar-modal-info h3{color:#fff;margin:0 0 8px;font-size:1.5rem;font-weight:600}.calendar-modal-date{color:#ffffffe6;margin:0;font-size:.95rem}.calendar-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;line-height:1;transition:all .3s;display:flex}.calendar-modal-body{background:#f8f9fa;flex:1;padding:0;overflow:hidden}.calendar-modal-footer{background:#fff;border-top:2px solid #e9ecef;border-radius:0 0 16px 16px;justify-content:center;padding:20px 30px;display:flex}.calendar-download-btn{color:#fff;background:linear-gradient(135deg,#28a745 0%,#20853a 100%);border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 6px #28a74533}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.training-calendar-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px;position:relative}.training-calendar-section:before{content:"";pointer-events:none;background:linear-gradient(#0066cc0d 0%,#0000 100%);height:300px;position:absolute;top:0;left:0;right:0}.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:50px;display:grid;position:relative}.calendar-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.calendar-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #00000026}.calendar-card:focus{outline-offset:4px;outline:3px solid #06c}.calendar-thumbnail{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);width:100%;height:280px;position:relative;overflow:hidden}.pdf-preview-container{background:#fff;width:100%;height:100%;position:relative}.pdf-preview-iframe{pointer-events:none;transform-origin:top;background:#fff;border:none;width:100%;height:100%;transform:scale(1)}.pdf-preview-loading{z-index:2;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.preview-spinner{border:3px solid #e9ecef;border-top-color:#06c;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:1s linear infinite spin}.pdf-preview-loading p{color:#6c757d;font-size:.9rem;font-weight:500}.pdf-preview-error{color:#fff;z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pdf-preview-error svg{opacity:.9;margin-bottom:10px}.pdf-preview-error p{opacity:.9;font-size:.95rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-overlay{opacity:0;z-index:3;background:linear-gradient(135deg,#0066cce6 0%,#0052a3f2 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.calendar-card:hover .calendar-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;transition:transform .3s;transform:translateY(20px)}.calendar-card:hover .overlay-content{transform:translateY(0)}.overlay-content svg{filter:drop-shadow(0 2px 4px #0003);margin-bottom:10px}.overlay-text{text-shadow:0 2px 4px #0003;font-size:1.1rem;font-weight:600;display:block}.calendar-info{padding:25px;position:relative}.calendar-year-badge{color:#fff;background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border-radius:20px;margin-bottom:15px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0066cc4d}.calendar-title{color:#2c3e50;margin-bottom:10px;font-size:1.3rem;font-weight:600;line-height:1.4}.calendar-description{color:#6c757d;margin:0;font-size:.95rem;line-height:1.6}.calendar-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;top:0;left:0}.calendar-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1100px;max-height:92vh;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 80px #0006}.calendar-modal-header{background:linear-gradient(135deg,#06c 0%,#0052a3 100%);border-bottom:none;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.calendar-modal-info{flex:1;align-items:center;gap:15px;display:flex}.modal-header-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-header-text h3{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0 0 5px;font-size:1.4rem;font-weight:600}.calendar-modal-date{color:#ffffffe6;align-items:center;gap:6px;margin:0;font-size:.9rem;display:flex}.date-icon{font-size:.95rem}.calendar-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.calendar-modal-close:hover{background:#ffffff40;transform:rotate(90deg)scale(1.1)}.calendar-modal-body{background:#f8f9fa;flex:1;padding:0;position:relative;overflow:hidden}.calendar-pdf-viewer{background:#fff;border:none;width:100%;height:650px}.pdf-loading{z-index:1;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.loading-spinner{border:4px solid #e9ecef;border-top-color:#06c;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}.pdf-loading p{color:#6c757d;font-size:1rem;font-weight:500}.calendar-modal-footer{background:#fff;border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex}.footer-info{color:#6c757d;align-items:center;gap:10px;font-size:.9rem;display:flex}.footer-info svg{color:#06c;flex-shrink:0}.calendar-download-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#28a745 0%,#20853a 100%);border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #28a7454d}.calendar-download-btn:hover{background:linear-gradient(135deg,#20853a 0%,#28a745 100%);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.calendar-download-btn:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.training-calendar-section{padding:60px 15px}.calendar-grid{grid-template-columns:1fr;gap:25px}.calendar-thumbnail{height:240px}.calendar-info{padding:20px}.calendar-title{font-size:1.15rem}.calendar-modal-content{border-radius:16px;max-height:95vh;margin:10px}.calendar-modal-header{flex-wrap:wrap;padding:20px}.calendar-modal-info{flex-direction:column;align-items:flex-start;gap:10px}.modal-header-icon{width:40px;height:40px}.modal-header-text h3{font-size:1.1rem}.calendar-pdf-viewer{height:500px}.calendar-modal-footer{flex-direction:column;gap:15px;padding:15px 20px}.footer-info{text-align:center;font-size:.85rem}.calendar-download-btn{justify-content:center;width:100%}}@media (max-width:480px){.calendar-thumbnail{height:200px}.overlay-content svg{width:48px;height:48px}.overlay-text{font-size:1rem}.calendar-pdf-viewer{height:400px}.calendar-modal-close{width:40px;height:40px}}.flyer-diklat-section{background:var(--bg-light);padding:5rem 0}.year-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;display:grid}.year-card{background:var(--white);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:12px;padding:2.5rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.year-card:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.year-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.year-card:hover:before{transform:scaleX(1)}.year-icon{color:var(--primary-color);margin-bottom:1rem}.year-title{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem;font-weight:700}.year-count{color:var(--text-light);margin-bottom:1rem;font-size:.9rem}.year-arrow{color:var(--primary-color);font-size:1.5rem;font-weight:700;transition:transform .3s}.year-card:hover .year-arrow{transform:translate(5px)}.flyer-year-view{animation:.5s fadeIn}.back-button{background:var(--white);color:var(--text-dark);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex}.back-button:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translate(-5px)}.year-view-title{color:var(--text-dark);margin-bottom:2rem;font-size:1.8rem;font-weight:700}.flyer-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.flyer-card{background:var(--white);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;transition:all .3s;overflow:hidden}.flyer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.flyer-image{background:var(--bg-light);width:100%;height:350px;position:relative;overflow:hidden}.flyer-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.flyer-card:hover .flyer-image img{transform:scale(1.05)}.flyer-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.flyer-card:hover .flyer-overlay{opacity:1}.overlay-text{color:var(--white);font-size:1.1rem;font-weight:600}.flyer-info{padding:1.5rem}.flyer-date{background:var(--primary-color);color:var(--white);border-radius:20px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.flyer-title{color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.4}.flyer-description{color:var(--text-light);font-size:.9rem;line-height:1.6}.flyer-modal{z-index:9999;background:#000c;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:16px;width:100%;max-width:900px;max-height:90vh;animation:.3s slideUp;position:relative;overflow:hidden}.modal-close{background:var(--white);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--danger-color);color:var(--white);transform:rotate(90deg)}.modal-body{grid-template-columns:1fr 1fr;gap:2rem;max-height:90vh;padding:2rem;display:grid;overflow-y:auto}.modal-body img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:8px}.modal-info{flex-direction:column;gap:1rem;display:flex}.modal-info h3{color:var(--text-dark);font-size:1.5rem;font-weight:700}.modal-date{color:var(--primary-color);font-weight:600}.modal-description{color:var(--text-light);line-height:1.8}.download-button{background:var(--primary-color);color:var(--white);border-radius:8px;align-items:center;gap:.5rem;margin-top:auto;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.download-button:hover{background:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.year-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.year-card{padding:2rem 1rem}.flyer-grid{grid-template-columns:1fr;gap:1.5rem}.modal-body{grid-template-columns:1fr;padding:1.5rem}.flyer-image{height:300px}}