:root{--primary:#227192;--primary-dark:#08305b;--secondary:#37c1d7;--dark:#08305b;--accent:#f99830;--text:#3c4650;--bg:#f4f7f8;--radius:14px;--shadow-sm:0 2px 10px #08305b0f;--shadow-md:0 10px 30px #08305b1a}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;line-height:1.7}.justify-text{text-align:justify}.navbar{border-bottom:1px solid #2433420f;padding:14px 0}.company-name{color:var(--primary);font-family:Open Sans,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.25}.nav-link{color:var(--dark);margin-left:12px;font-size:.95rem;font-weight:500;transition:color .25s;position:relative}.nav-link:after{content:"";background:var(--primary);width:0;height:2px;transition:width .25s;position:absolute;bottom:2px;left:0}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;padding:110px 0;position:relative;overflow:hidden}.hero:before{content:"";background:#ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-120px}.hero .container{z-index:1;position:relative}.hero h1{margin-bottom:20px;font-size:46px;font-weight:700;line-height:1.25}.hero p{opacity:.95;max-width:560px;margin-bottom:32px;font-size:1.1rem;font-weight:300}.hero-btn{color:var(--primary-dark);background:#fff;border:none;border-radius:50px;padding:12px 32px;font-weight:600;transition:transform .25s,box-shadow .25s;box-shadow:0 6px 18px #00000026}.hero-btn:hover{color:var(--primary-dark);background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #0003}.hero-logo{filter:drop-shadow(0 12px 24px #0000002e);z-index:2;width:440px;max-width:100%;height:auto;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.section-title{color:var(--dark);margin-bottom:36px;padding-bottom:14px;font-size:28px;font-weight:600;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:4px;width:64px;height:4px;position:absolute;bottom:0;left:0}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.card-header{background:linear-gradient(135deg, var(--primary), var(--secondary));border-bottom:none;padding:16px 20px;border-radius:var(--radius) var(--radius) 0 0!important}.card-header h3{margin:0;font-size:1.4rem;font-weight:600}.card-body{padding:28px}.mission-list{margin:0;padding-left:1.2rem}.mission-list li{margin-bottom:14px}.mission-list li:last-child{margin-bottom:0}.mission-list strong{color:var(--primary-dark)}.org-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.org-card img{padding:24px 24px 8px}.org-card h5{color:var(--dark);font-size:1.05rem;font-weight:600}.org-card p{color:var(--primary);margin:0;font-size:.95rem;font-weight:500}footer{background:var(--dark);color:#fff;border-top:4px solid var(--accent);margin-top:auto;padding:24px 0}footer h4{margin-bottom:6px;font-family:Open Sans,sans-serif;font-size:1.05rem;font-weight:700}footer p{color:#ffffffbf;margin-bottom:0;font-size:.9rem;font-weight:300;line-height:1.4}.copyright{color:#ffffffbf;font-size:.85rem}@media (width<=991px){.nav-link{margin-left:0;padding:10px 0}.nav-link:after{display:none}.hero{padding:80px 0}.hero p{margin-left:auto;margin-right:auto}}@media (width<=768px){.navbar-brand{width:75%;margin-right:0}.navbar-brand img{width:52px}.company-name{font-size:15px;line-height:1.2}.hero{text-align:center;padding:60px 0}.hero h1{font-size:34px}.hero p{font-size:1rem}.hero-logo{display:none}.section-title{font-size:24px}.card-body{padding:22px}footer{text-align:center}footer .copyright{margin-top:24px}}.lang-switch{background:#eef3f3;border-radius:50px;align-items:center;margin-left:20px;padding:3px;display:inline-flex}.lang-btn{color:var(--dark);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:5px 14px;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;transition:background .25s,color .25s}.lang-btn:hover{color:var(--primary)}.lang-btn.active{background:var(--primary);color:#fff}@media (width<=991px){.lang-switch{margin:12px 0 8px}}
