:root{--color-primary: #5d7b8f;--color-secondary: #c0d9dd;--color-accent: #fefae0;--gradient-primary: linear-gradient( 135deg, #5d7b8f 0%, #7fa6b5 50%, #c0d9dd 100% );--shadow-soft: 0 10px 30px rgba(0,0,0,.12);--shadow-light: 0 4px 12px rgba(0,0,0,.08);--radius-lg: 24px;--radius-md: 14px;--transition-smooth: .4s ease}@font-face{font-family:Roca One;src:url(/fonts/RocaOne-Rg.woff2) format("woff2"),url(/fonts/RocaOne-Rg.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roca One;src:url(/fonts/RocaOne-Bold.woff2) format("woff2"),url(/fonts/RocaOne-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roca One;src:url(/fonts/RocaOne-Bl.woff2) format("woff2"),url(/fonts/RocaOne-Bl.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roca One,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#eaf6fc;line-height:1.5;overflow-x:hidden;color:#1a1a1a}h1,h2,h3,h4,h5,h6{font-family:Roca One,sans-serif;font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.25);transition:transform .4s ease,text-shadow .4s ease}h1:hover,h2:hover,h3:hover{transform:translateY(-3px);text-shadow:2px 2px 6px rgba(0,0,0,.35)}.navbar{background:linear-gradient(135deg,#fefae0d9,#c0d9ddb3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);padding:15px 30px;display:flex;justify-content:center;position:sticky;z-index:1000;box-shadow:0 10px 30px #00000026;transition:background .4s ease,transform .4s ease,box-shadow .4s ease}.navbar:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000040}.navbar ul{display:flex;list-style:none;gap:2rem;flex-wrap:wrap;justify-content:center}.navbar a{font-family:Roca One,sans-serif;text-decoration:none;color:#1a1a1a;font-weight:700;font-size:clamp(18px,3vw,32px);position:relative;transition:color .4s ease,transform .3s ease,letter-spacing .3s ease}.navbar a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:var(--gradient-primary);border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .4s ease,opacity .4s ease;opacity:.8}.navbar a:hover:after{transform:scaleX(1);transform-origin:left;opacity:1}.navbar a:hover{color:var(--color-primary);transform:translateY(-2px);letter-spacing:1px}.navbar a.active{color:var(--color-primary)}.navbar a.active:after{transform:scaleX(1);transform-origin:left;opacity:1}.navbar a:hover{text-shadow:0 2px 6px rgba(0,0,0,.15)}@media (max-width: 900px){.navbar ul{gap:1.5rem}.navbar a{font-size:clamp(16px,4vw,28px)}}@media (max-width: 600px){.navbar{padding:10px 20px}.navbar ul{flex-direction:column;gap:1rem;align-items:center}}.hero{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;padding-top:3vh;padding-bottom:3vh;margin:0;min-height:auto;background:none;border-radius:0;text-align:center}.hero-text{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;max-width:90%}.hero-logo{width:clamp(250px,25vw,350px);height:auto}.hero-text h1{font-size:clamp(50px,6vw,70px);font-weight:900;color:var(--color-primary);text-shadow:4px 4px 0 #ffffff,-2px 2px 0 #ffffff,2px -2px 0 #ffffff;display:block;padding:.2em .4em;white-space:normal;line-height:1.1}.hero-text h2{font-size:clamp(30px,4vw,40px);font-weight:700;color:var(--color-primary);margin-top:.8rem}@media (max-width: 900px){.hero{flex-direction:column;gap:2rem;padding-top:2vh;padding-bottom:2vh}.hero-text h1{font-size:clamp(40px,10vw,60px)}.hero-text h2{font-size:clamp(25px,6vw,35px)}.hero-logo{width:clamp(180px,40vw,250px)}}.page{padding:5vw 5%;max-width:900px;margin:auto;background:#fefae026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg)}.page h1{font-size:clamp(24px,5vw,40px);margin-bottom:20px;color:#fff}.page p{font-size:clamp(14px,2vw,18px);line-height:1.6;color:#fff}.programs{padding:clamp(60px,10vw,100px) 5%;text-align:center;background:url(/assets/blue-gradient-5sywGHkn.jpg) no-repeat center center;background-size:cover;min-height:100vh;width:100%;border-radius:var(--radius-lg)}.programs-title{font-size:clamp(32px,8vw,72px);font-weight:900;margin-bottom:clamp(40px,8vw,80px);color:#fff}.programs-grid{display:flex;justify-content:center;gap:clamp(5px,1vw,15px);flex-wrap:wrap}.program-card{width:min(90%,600px);text-decoration:none;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);transform:scale(.95);transform-origin:top center;background:#fefae040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2)}.program-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 36px #0003}.program-card img{width:100%;height:clamp(200px,40vw,440px);object-fit:cover;border-radius:var(--radius-lg)}.program-card h2{font-size:clamp(20px,4vw,40px);font-weight:700;margin-top:25px;color:#fff;text-align:center}.program-detail{padding:clamp(60px,10vw,120px) 5%;background:url(/assets/blue-gradient-5sywGHkn.jpg) no-repeat center center;min-height:100vh;width:100%;text-align:center;border-radius:var(--radius-lg)}.program-detail-content{display:flex;align-items:center;justify-content:center;gap:clamp(20px,8vw,80px);flex-wrap:wrap;margin-top:clamp(40px,10vw,80px)}.program-detail img{width:min(100%,750px);height:auto;border-radius:var(--radius-lg);object-fit:cover;box-shadow:0 8px 24px #0000004d}.program-detail-text{max-width:900px;text-align:left;background:#fefae040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:2rem;color:#fff}.program-detail-text h2{font-size:clamp(28px,8vw,72px);font-weight:900;margin-bottom:40px;color:#fff}.program-detail-text p{font-size:clamp(16px,3vw,33px);line-height:1.8;color:#fff}.button{display:inline-block;padding:.7em 1.5em;font-weight:700;font-family:Roca One,sans-serif;border-radius:var(--radius-md);background:linear-gradient(135deg,#5d7b8f,#7fa6b5,#c0d9dd);color:#fff;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-soft)}.navbar{background:#f7f2e3;padding:15px 25px;position:relative;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.nav-brand{font-family:Roca Two,Roca One,sans-serif;font-size:32px;font-weight:900;color:#22211f;text-decoration:none}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:25px}.nav-list li{position:relative}.nav-list a,.dropbtn{font-family:Roca One,sans-serif;color:#22211f;text-decoration:none;font-weight:700;padding:8px 12px;display:inline-block;cursor:pointer;font-size:22px;transition:.3s ease}.nav-list a:hover,.dropbtn:hover{background:#e7dec8;border-radius:5px}.dropdown-content{display:none!important;position:absolute;background:#f7f2e3;top:100%;left:0;min-width:200px;border-radius:5px;padding:10px 0;z-index:2000;box-shadow:0 4px 6px #0000001a}.dropdown-content li{padding:5px 15px}.dropdown-content li a{font-family:Roca One,sans-serif;display:block;color:#22211f;font-size:16px;font-weight:400}.dropdown-content li a:hover{background:#2c3e50;color:#fff}.dropdown:hover>.dropdown-content{display:block!important}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;transition:all .3s ease}.hamburger span{width:28px;height:3px;background:#22211f;border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 1024px){.nav-list a,.dropbtn{font-size:20px}}@media (max-width: 768px),screen and (orientation: portrait){.hamburger{display:flex}.nav-list{display:none!important;flex-direction:column;gap:15px;position:absolute;top:100%;right:0;background:#f7f2e3;width:100%;padding:20px;border-top:2px solid #ddd}.nav-list.active{display:flex!important}.nav-list a,.dropbtn{font-size:22px;padding:12px;width:100%}.dropdown-content{position:static;box-shadow:none;background:transparent;padding:0}.dropdown-content li a{font-family:Roca One,sans-serif;padding:10px 15px;font-size:20px}.dropdown:hover>.dropdown-content{display:none}.dropdown.open>.dropdown-content{display:block}}.about-page{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:80px 20px 50px}.about-overlay{max-width:1200px;width:100%;padding:0 40px;text-align:justify}.about-text{font-family:Roca One,sans-serif;font-size:25px;line-height:1.9;color:#fff;font-weight:500}.about-logo{display:block;margin:0 auto 30px;max-width:200px;height:auto}.second-page{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:flex-end;align-items:center;padding:80px 20px;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.second-overlay{max-width:600px;width:100%;padding:0;text-align:left;color:#fff}.second-title{font-family:Roca Two,Roca One,sans-serif;font-size:50px;margin-bottom:10px;font-weight:600}.second-divider{border:0;height:2px;background:#fff;margin:10px 0 20px}.second-text{font-family:Roca One,sans-serif;font-size:35px;line-height:1.8}@media (max-width: 1024px){.about-text{font-size:22px;line-height:1.8}.second-title{font-size:40px}.second-text{font-size:28px}}@media (max-width: 768px){.about-overlay{padding:0 20px}.about-text{font-size:20px;line-height:1.7}.about-logo{max-width:150px;margin-bottom:20px}.second-page{justify-content:center;text-align:center;padding:60px 15px}.second-overlay{max-width:100%;text-align:center}.second-title{font-size:32px}.second-text{font-size:22px}}@media (max-width: 480px){.about-text{font-size:18px}.second-title{font-size:26px}.second-text{font-size:18px;line-height:1.6}.about-logo{max-width:120px}}.contact-page{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:120px 30px}.contact-overlay{display:flex;max-width:1800px;width:100%;padding:60px;gap:75px}.contact-left{flex:1;color:#000;display:flex;flex-direction:column;justify-content:flex-start}.contact-main{font-size:108px;font-family:Roca One,sans-serif;margin:0;font-weight:700}.contact-sub{font-size:86px;font-family:Roca One,sans-serif;margin:0 0 15px}.contact-line{border:0;height:3px;background:#000;margin-bottom:30px}.contact-desc{font-size:30px;line-height:2.4;margin-bottom:45px}.contact-links{display:flex;flex-direction:column;gap:22px;margin-bottom:45px}.contact-link{display:flex;align-items:center;gap:22px;font-size:30px}.contact-icon{width:48px;height:48px;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;cursor:pointer}.contact-qrcodes{display:flex;gap:22px;flex-wrap:wrap}.contact-qrcodes img{width:150px;height:150px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.contact-right{flex:1}@media (max-width: 1200px){.contact-main{font-size:92px}.contact-sub{font-size:60px}.contact-desc,.contact-link{font-size:26px}}@media (max-width: 900px){.contact-overlay{flex-direction:column;padding:40px 20px;gap:40px}.contact-left,.contact-right{width:100%}.contact-main{font-size:72px;text-align:center}.contact-sub{font-size:52px;text-align:center}.contact-desc{font-size:24px;text-align:center}.contact-link{font-size:24px;justify-content:center}.contact-qrcodes{justify-content:center}.contact-qrcodes img{width:120px;height:120px}}@media (max-width: 600px){.contact-main{font-size:52px}.contact-sub{font-size:36px}.contact-desc{font-size:20px;line-height:1.8}.contact-link{font-size:20px;gap:15px}.contact-icon{width:36px;height:36px}.contact-qrcodes img{width:100px;height:100px}}.contact-second-section{background-color:#1a1a1a;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:80px 20px;opacity:1;transform:translateY(0);transition:all 1s ease-out}.contact-second-section .contact-overlay{display:flex;max-width:1200px;width:100%;gap:50px}.contact-second-section .contact-left{flex:1;color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:left}.contact-second-section .contact-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px}.contact-map{width:100%;max-width:750px;height:auto;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.contact-small-qr{width:225px;height:225px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.fade-section{opacity:0;transform:translateY(50px);transition:all 1s ease-out}.fade-section.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 900px){.contact-second-section .contact-overlay{flex-direction:column;gap:40px}.contact-second-section .contact-left,.contact-second-section .contact-right{width:100%;align-items:center;text-align:center}.contact-map{max-width:90%}.contact-small-qr{width:140px;height:140px}}@media (max-width: 600px){.contact-second-section{padding:60px 15px}.contact-map{max-width:100%}.contact-small-qr{width:100px;height:100px}}.map-responsive{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.map-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.contact-icon,.contact-qrcodes img,.contact-small-qr,.contact-map{transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;cursor:pointer}.contact-qrcodes img:hover,.contact-small-qr:hover,.contact-map:hover{transform:scale(1.1);box-shadow:0 10px 20px #00000040;z-index:10}.contact-icon:hover{transform:scale(1.2);box-shadow:0 0 20px}.contact-icon[src*=fbicon]{transition:transform .3s,box-shadow .3s}.contact-icon[src*=fbicon]:hover{box-shadow:0 0 15px #1877f2}.contact-icon[src*=emailicon]:hover{box-shadow:0 0 15px #ea4335}.contact-icon[src*=phoneicon]:hover{box-shadow:0 0 15px #34c759}.contact-icon[src*=yticon]:hover{box-shadow:0 0 15px red}@media (hover: none){.contact-icon:hover,.contact-qrcodes img:hover,.contact-small-qr:hover,.contact-map:hover{transform:none;box-shadow:none}}.foundation-page{color:#000;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 20px;background:url(/assets/cross-BFw7x2-h.png) no-repeat center center fixed;background-size:cover;text-align:center}.foundation-overlay{max-width:1200px;width:100%;padding:30px 20px}.foundation-title{font-size:64px;font-weight:900;font-family:Roca One,sans-serif;text-align:center;margin-bottom:10px}.foundation-divider{border:none;height:3px;background:#000;width:150px;margin:0 auto 40px}.foundation-list{list-style:disc;font-size:28px;font-family:Roca One,sans-serif;line-height:2;text-align:left;display:inline-block;padding-left:25px}.foundation-list li{margin-bottom:10px}.foundation-ref{font-weight:400;font-family:Roca One,sans-serif}.foundation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:80px;text-align:left}.foundation-grid h2{font-size:30px;font-weight:800;font-family:Roca One,sans-serif;margin-bottom:15px;text-transform:uppercase;text-align:left}.foundation-grid p{font-size:22px;font-family:Roca One,sans-serif;line-height:1.9;text-align:justify;margin-bottom:15px}@media (max-width: 1024px){.foundation-title{font-size:52px;font-family:Roca One,sans-serif}.foundation-grid{gap:60px}.foundation-list{font-size:24px;font-family:Roca One,sans-serif;line-height:1.8}.foundation-grid h2{font-size:26px}.foundation-grid p{font-size:20px}}@media (max-width: 768px){.foundation-page{padding:40px 15px;background-attachment:scroll}.foundation-overlay{padding:20px 10px}.foundation-title{font-size:44px;font-family:Roca One,sans-serif}.foundation-divider{width:120px}.foundation-grid{grid-template-columns:1fr;gap:50px}.foundation-list{font-size:22px;font-family:Roca One,sans-serif;padding-left:20px}.foundation-grid h2{font-size:24px;font-family:Roca One,sans-serif}.foundation-grid p{font-size:19px;font-family:Roca One,sans-serif;line-height:1.8}}@media (max-width: 480px){.foundation-page{padding:30px 10px}.foundation-title{font-size:36px;font-family:Roca One,sans-serif}.foundation-divider{width:100px;margin-bottom:30px}.foundation-list{font-size:20px;font-family:Roca One,sans-serif;line-height:1.7;padding-left:18px}.foundation-grid h2{font-size:22px;font-family:Roca One,sans-serif}.foundation-grid p{font-size:18px;font-family:Roca One,sans-serif;line-height:1.7}}