*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1f2937;background:#fff;line-height:1.6}:root{--primary: #0f2a44;--accent: #2563eb;--muted: #6b7280;--light: #f9fafb;--border: #e5e7eb}.container{max-width:1200px;margin:auto;padding:0 1rem}.section{padding:4rem 1rem}.section-light{background-color:#cce2f7}.text-center{text-align:center}.muted{color:var(--muted)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;text-decoration:none}.btn-primary{background:#fff;color:var(--primary)}.btn-accent{background:var(--accent);color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff}.navbar{background:#fff;border-bottom:1px solid var(--border)}.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem}.nav-logo{font-weight:700;font-size:1.2rem;color:var(--primary);text-decoration:none}.nav-links{display:none}.nav-links a{text-decoration:none;color:#111827;margin-left:1.5rem;font-weight:500}.dropdown-menu{position:absolute;margin-top:-5px;margin-left:-50px;width:200px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 30px #00000014;padding:8px;z-index:50}*/ .dropdown-item{display:block;padding:10px;text-decoration:none;border-radius:6px;color:#111827}.course-title{font-size:12px;margin-top:-21px}.dropdown-item:hover{background:var(--light);color:red}.dropdown-item strong{display:block;font-size:.95rem}.dropdown-item span{font-size:.85rem;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;padding:2rem;width:100%;max-width:480px;border-radius:10px;position:relative}.modal h2{color:var(--primary)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer}form{margin-top:1.5rem}form input,form select{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}form button{width:100%}@media(min-width:768px){.nav-links{display:block}}.hero{background:var(--primary);color:#fff;padding:6rem 1rem;text-align:center}.hero h1{font-size:2rem;font-weight:600}.hero p{margin-top:1.5rem;color:#c7d2fe;font-size:1.1rem}.hero-actions{margin-top:2.5rem}.grid{display:grid;gap:1.5rem}@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.card{border:1px solid var(--border);border-radius:8px;padding:1.5rem;background:#fff}.card h3{font-size:1.1rem;font-weight:600;color:var(--primary)}.card p{margin-top:.75rem;font-size:.95rem}.stat{border:1px solid var(--border);border-radius:8px;padding:1.5rem;background:#fff;text-align:center}.stat strong{display:block;color:var(--primary);font-size:1.1rem}.step{text-align:center}.step-circle{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:1rem}.cta{background:var(--primary);color:#fff;padding:5rem 1rem;text-align:center}.cta p{color:#c7d2fe;margin-top:1rem}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:none;border:none;font-weight:500;cursor:pointer;font-size:1rem;color:#111827}.navbar.sticky{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border)}.hamburger{display:block;background:none;border:none;font-size:1.5rem;cursor:pointer}.nav-links{display:none;flex-direction:column;gap:1rem}.nav-links.open{display:flex;margin-top:1rem}@media(min-width:768px){.hamburger{display:none}.nav-links{display:flex!important;flex-direction:row;gap:1.5rem;align-items:center;margin-top:0}.dropdown-menu{top:120%;left:0}}.hero{background:var(--primary);color:#fff;padding:4rem 1rem}.hero-slide{text-align:center;padding:4rem 1rem}.hero-slide h1{font-size:2rem;font-weight:600;margin-bottom:1rem}.hero-slide p{color:#c7d2fe;font-size:1.1rem}.swiper-button-next,.swiper-button-prev{color:#fff}footer{background:#0b1f33;color:#cbd5e1;padding:3rem 1rem;text-align:center;font-size:.9rem}.logo{font-weight:700;font-size:1.2rem;color:var(--primary);text-decoration:none;cursor:pointer}.logo:hover{color:red}.logo_nav{width:20px;margin-right:5px}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.price{margin-left:4px;color:tomato}.duration{margin-right:24px;font-weight:700;color:#23b623c8}.hero{width:100%;height:70vh;min-height:420px}.hero-slide{position:relative;width:100%;height:70vh;min-height:420px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(#0000008c,#000000a6);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:1.5rem;text-align:center;color:#fff}.hero-content h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;line-height:1.2}.hero-content p{font-size:1.1rem;opacity:.95}.swiper-button-prev,.swiper-button-next{color:#fff}.course-section,.course-hero,.course-staggered{padding:3rem 1rem}.course-container,.course-hero,.staggered-bottom{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.course-left,.hero-left,.staggered-left{flex:1;min-width:300px}.course-right,.staggered-top img{flex:2;min-width:300px}.course-right img,.staggered-top img{width:100%;border-radius:.5rem}.hero-right{flex:1;min-width:300px;min-height:350px;border-radius:.5rem;background-size:cover;background-position:center}.course-title,.hero-left h1,.staggered-left h1{color:#1d4ed8;margin-bottom:1rem}.course-desc,.hero-left p,.staggered-left p{color:#6b7280;margin-bottom:1.5rem}.course-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.badge{background-color:#e0f2fe;color:#0369a1;padding:.3rem .7rem;border-radius:.3rem;font-size:.9rem}.btn-primary{background-color:#1d4ed8;color:#fff;padding:.7rem 1.5rem;border:none;border-radius:.4rem;cursor:pointer}.btn-primary:hover{background-color:#2563eb}.course-curriculum,.staggered-right{margin-top:2rem}.course-curriculum h2,.staggered-right h2{margin-bottom:1rem}.course-curriculum ul,.staggered-right ul{list-style:disc;padding-left:1.5rem;color:#6b7280}.staggered-bottom{display:flex;gap:2rem;flex-wrap:wrap}.staggered-left,.staggered-right{flex:1;min-width:300px}.animate-item{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-item.animate-in{opacity:1;transform:translateY(0)}.course-banner{position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:2.5rem}.course-banner-image{width:100%;height:100%;object-fit:cover}.course-banner-overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000a6,#00000040);display:flex;align-items:center;padding:2rem}.course-banner-overlay h1{color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;max-width:70%}.course-curriculum ul li{background:#f9fafb;margin-bottom:.6rem;padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;opacity:0;transform:translate(-20px)}.course-curriculum.animate-in ul li{opacity:1;transform:translate(0)}.course-curriculum.animate-in ul li:nth-child(1){transition-delay:.1s}.course-curriculum.animate-in ul li:nth-child(2){transition-delay:.2s}.course-curriculum.animate-in ul li:nth-child(3){transition-delay:.3s}.course-curriculum.animate-in ul li:nth-child(4){transition-delay:.4s}.course-curriculum.animate-in ul li:nth-child(5){transition-delay:.5s}.course-curriculum ul li:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 6px 15px #00000026;background:#eef6ff}