@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--brand:#23abd8;--blue:#0e89bc;--blue-dark:#087399;--ink:#183f51;--muted:#637b88;--light:#e8f8fd;--paper:#fffefa;--cloud:#f4fafc;--border:#dcebf0;--orange:#f7ba64;--shadow:0 22px 65px rgba(15,78,104,.09);--radius:24px;--container:1160px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.75 'Be Vietnam Pro',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}svg{display:block}::selection{background:#b9ebf9;color:#09394d}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,5vw,5.15rem);font-weight:800}h2{font-size:clamp(2rem,3.45vw,3.25rem);font-weight:800}h3{font-size:1.3rem;font-weight:700}p{color:var(--muted)}.container{width:min(var(--container),calc(100% - 42px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:500}.skip:focus{top:10px}.announcement{background:#077fa8;color:#fff;font-size:.77rem}.announcement .container{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px}.announcement a{font-weight:700;color:#fff}.announcement .dot{display:inline-block;width:6px;height:6px;background:#f7ca7d;border-radius:50%;vertical-align:middle;margin:0 8px}.header{background:rgba(255,255,255,.97);border-bottom:1px solid #e8eff2;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.nav-row{display:flex;align-items:center;gap:24px;min-height:89px}.brand{display:flex;align-items:center;gap:11px;min-width:254px}.brand img{width:63px;height:63px;object-fit:contain}.brand-name{font-size:.92rem;font-weight:800;line-height:1.38;color:#15465c;letter-spacing:-.025em}.brand-name small{font-size:.64rem;display:block;font-weight:700;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.nav{margin-left:auto;display:flex;align-items:center;gap:21px}.nav a{font-size:.85rem;font-weight:650;color:#33546a;position:relative;transition:color .2s}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active::after{content:'';display:block;position:absolute;bottom:-13px;left:0;width:100%;height:2px;background:var(--brand)}.nav-cta{margin-left:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;padding:14px 25px;font-size:.89rem;font-weight:800;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(14,137,188,.18)}.btn-primary:hover{background:#007cae;box-shadow:0 14px 28px rgba(14,137,188,.24)}.btn-white{background:#fff;color:var(--blue-dark)}.btn-outline{background:transparent;border:1.5px solid #b2d7e3;color:var(--blue-dark)}.btn-ghost{background:var(--light);color:var(--blue-dark)}.btn-sm{font-size:.78rem;padding:12px 18px}.arrow{font-size:1.28em;line-height:1}.menu-btn{display:none;background:var(--light);border:0;border-radius:12px;padding:12px 15px;font-size:1.2rem;margin-left:auto;color:var(--ink)}
.kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:18px}.kicker::before{content:'';width:27px;height:2px;background:var(--brand)}.hero{overflow:hidden;position:relative;background:linear-gradient(135deg,#fffefa 0%,#f5fcff 62%,#e7f8fc 100%)}.hero::after{content:'';width:550px;height:550px;border:90px solid rgba(31,177,216,.04);border-radius:50%;position:absolute;top:-320px;right:-180px}.hero .container{display:grid;grid-template-columns:1.08fr .92fr;gap:35px;align-items:center;min-height:680px;padding:75px 0 88px}.hero-copy{position:relative;z-index:2}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:1.02rem;max-width:565px;margin:25px 0 32px;line-height:1.9}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:11px;font-size:.76rem;color:#6e8995;margin-top:33px}.hero-note i{width:30px;height:1px;background:#91cddf}.hero-art{height:540px;position:relative;display:grid;place-items:center}.hero-blob{position:absolute;inset:25px 2px 22px 8px;border-radius:44% 56% 60% 40%/48% 35% 65% 52%;background:linear-gradient(135deg,#a2e7f5,#26b0d9 50%,#118dbd);transform:rotate(-8deg);box-shadow:0 38px 70px rgba(22,159,202,.15)}.hero-blob::before{content:'';position:absolute;width:85%;height:85%;border:1px solid #ffffff77;top:8%;left:7%;border-radius:50%}.hero-logo{width:min(75%,380px);aspect-ratio:1/1;position:relative;z-index:1;background:#fff;border:11px solid #ffffffae;border-radius:50%;box-shadow:0 22px 45px rgba(6,108,154,.22);object-fit:cover;transform:rotate(5deg)}.float{position:absolute;z-index:2;background:#fff;box-shadow:0 14px 38px rgba(10,70,93,.11);border:1px solid #f5f5f5;border-radius:17px;padding:14px 19px;display:flex;align-items:center;gap:12px;font-weight:750;font-size:.85rem}.float .circ{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#ddf8ff;color:var(--blue);font-size:1.3rem}.float.left{left:-15px;bottom:73px;transform:rotate(-5deg)}.float.right{right:-20px;top:72px;transform:rotate(6deg)}.float small{font-size:.69rem;display:block;color:var(--muted);font-weight:500}.ribbon{background:var(--blue-dark);color:white;position:relative}.ribbon .container{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0}.ribbon-item{padding:30px 34px;border-left:1px solid rgba(255,255,255,.21);display:flex;gap:14px;align-items:center}.ribbon-item:first-child{border-left:0;padding-left:0}.ribbon-icon{font-size:1.55rem;line-height:1}.ribbon strong{display:block;color:#fff;font-weight:800;font-size:1.06rem}.ribbon span{display:block;color:#d3eef7;font-size:.76rem}.section{padding:105px 0}.section-soft{background:var(--cloud)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:42px}.section-head h2{max-width:730px}.section-head p{max-width:700px;margin-top:15px}.link-more{font-size:.88rem;font-weight:800;color:var(--blue-dark);white-space:nowrap;display:inline-flex;gap:8px;align-items:center}.link-more:hover{text-decoration:underline}.intro-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:80px;align-items:center}.intro-art{min-height:410px;border-radius:32px;background:radial-gradient(circle at 35% 26%,#e4faff 0 19%,transparent 20%),linear-gradient(140deg,#e8f8fc,#a7e8f6);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.intro-art .art-heart{font-size:175px;line-height:1;color:#1288b7;opacity:.86;font-family:Arial;transform:rotate(-12deg)}.intro-art .art-overlay{position:absolute;left:29px;bottom:28px;background:#fff;border-radius:18px;padding:17px 21px;box-shadow:var(--shadow);font-weight:800}.intro-art .art-overlay small{display:block;font-size:.71rem;font-weight:500;color:var(--muted)}.intro-copy p{margin:20px 0}.checklist{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:14px}.checklist li{display:flex;gap:13px;align-items:start;font-weight:650;font-size:.9rem}.checklist li::before{content:'✓';font-weight:800;background:#e0f9ed;color:#1e9d65;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex:none;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 28px rgba(9,76,104,.03);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-visual{height:215px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-blue{background:linear-gradient(135deg,#c4f1fb,#57c8e7)}.visual-orange{background:linear-gradient(135deg,#fff0da,#f9d19c)}.visual-mint{background:linear-gradient(135deg,#ddf9ef,#9bdfce)}.card-visual::after{content:'';position:absolute;width:190px;height:190px;border:1.5px solid #ffffffbb;border-radius:50%;top:13px;right:-55px}.card-visual .symbol{font-size:87px;filter:drop-shadow(0 18px 18px #035b7a12);line-height:1}.card-badge{position:absolute;left:19px;top:18px;background:#fff;color:#247a91;padding:7px 11px;font-size:.67rem;font-weight:800;border-radius:80px}.card-body{padding:26px 27px 30px}.card-body p{font-size:.87rem;margin:12px 0 22px;min-height:75px}.card-body .link-more{font-size:.81rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.step{border-top:2px solid #b5dfea;padding-top:28px;position:relative}.step::before{content:'';width:11px;height:11px;background:var(--blue);border:3px solid #dff5fc;border-radius:50%;position:absolute;top:-7px;left:0}.step-number{font-weight:800;font-size:.78rem;color:var(--blue);margin-bottom:15px}.step h3{margin-bottom:11px}.step p{font-size:.88rem}.quote-band{background:#e2f7fd;border-radius:35px;padding:60px 76px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.quote-band::after{content:'”';position:absolute;right:55px;top:-75px;font-size:330px;color:#b8ebf8;font-family:Georgia;opacity:.7}.quote-band h2{font-size:clamp(1.8rem,3vw,2.85rem)}.quote-band p{font-size:.89rem;margin-top:20px}.quote-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:11px;align-items:flex-start}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.value{padding:30px 25px;background:#fff;border:1px solid var(--border);border-radius:20px}.value .emoji{font-size:29px}.value h3{font-size:1rem;margin:17px 0 8px}.value p{font-size:.81rem}.page-hero{padding:70px 0 73px;background:linear-gradient(110deg,#e7f8fd,#fdfefa 80%);position:relative;overflow:hidden}.page-hero::after{content:'';width:390px;height:390px;border:70px solid #89ddeb22;position:absolute;border-radius:50%;right:-90px;top:-190px}.page-hero .container{position:relative;z-index:1}.breadcrumbs{font-size:.79rem;color:#6d95a1;margin-bottom:23px;display:flex;gap:10px;align-items:center}.breadcrumbs a{color:var(--blue)}.page-hero h1{font-size:clamp(2.4rem,4.6vw,4.6rem);max-width:870px}.page-hero p{font-size:1rem;max-width:790px;margin-top:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.prose h2{font-size:clamp(1.7rem,2.4vw,2.55rem);margin-bottom:22px}.prose h3{margin:27px 0 12px}.prose p{margin-bottom:18px}.prose ul{padding-left:23px;color:var(--muted)}.prose li{margin-bottom:11px}.side-panel{background:#e9f9fd;border:1px solid #c3e9f3;border-radius:28px;padding:36px}.side-panel h3{margin-bottom:15px}.side-panel li{margin:13px 0;color:#51748a}.fact-list{display:grid;gap:0}.fact{padding:15px 0;border-bottom:1px solid #cae9f3}.fact:last-child{border:0}.fact small{display:block;font-size:.7rem;color:#708c99;text-transform:uppercase;letter-spacing:.05em}.fact strong{font-size:1rem}.photo-note{margin-top:26px;font-size:.8rem;color:var(--muted);padding:13px 16px;border:1px dashed #a8d6e2;border-radius:12px;background:#f3fbfd}.information{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{padding:30px;border:1px solid var(--border);background:#fff;border-radius:22px}.info-card .glyph{font-size:35px;margin-bottom:15px}.info-card p{font-size:.86rem;margin-top:11px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;min-width:590px}th,td{padding:20px 22px;border-bottom:1px solid var(--border);font-size:.86rem}th{background:#eaf8fc;font-weight:800}tr:last-child td{border-bottom:0}.status{display:inline-block;padding:6px 11px;border-radius:20px;background:#fdf0dc;color:#8d6023;font-size:.73rem;font-weight:800}.notice{border-left:4px solid #28a8d3;border-radius:0 12px 12px 0;background:#edf9fd;padding:22px 25px;color:#476a7a}.notice p{color:inherit;font-size:.85rem}.notice strong{display:block;margin-bottom:6px}.donate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.donate-card{padding:35px 29px;background:#fff;border:1px solid var(--border);border-radius:23px}.donate-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.donate-card .glyph{font-size:40px;margin-bottom:17px}.donate-card p{font-size:.88rem;margin:14px 0 22px;min-height:98px}.bank-placeholder{border-radius:24px;border:1px dashed #b6d6df;padding:34px;background:#f6fafb}.bank-placeholder strong{display:block}.faq{max-width:810px;margin:auto}details{border-bottom:1px solid var(--border);padding:21px 0}details summary{cursor:pointer;font-weight:800;font-size:.94rem;list-style:none;position:relative;padding-right:42px}details summary::-webkit-details-marker{display:none}details summary::after{content:'+';font-size:1.4rem;color:var(--blue);position:absolute;right:4px;top:-8px}details[open] summary::after{content:'−'}details p{font-size:.88rem;margin-top:13px}.content-card{display:flex;gap:22px;padding:25px;border:1px solid var(--border);border-radius:22px;background:#fff;align-items:center}.content-card .content-icon{flex:none;background:#e6f7fc;width:75px;height:75px;display:grid;place-items:center;border-radius:18px;font-size:33px}.content-card h3{font-size:1.08rem}.content-card p{font-size:.82rem;margin:8px 0}.article-stack{display:grid;gap:17px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter{border:1px solid #bcdde7;background:#fff;border-radius:100px;padding:9px 20px;color:#42697a;font-size:.82rem;font-weight:750}.filter.active{background:var(--blue);color:white;border-color:var(--blue)}.searchbox{width:100%;padding:15px 18px;border:1px solid #bad9e3;border-radius:13px;outline-color:var(--brand);margin-bottom:20px;background:#fff}.hidden{display:none!important}.empty{padding:28px;background:#e9f8fc;border-radius:15px;font-size:.89rem}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.contact-tile{border:1px solid var(--border);border-radius:16px;padding:17px 20px;margin-top:14px}.contact-tile small{display:block;color:var(--muted);font-size:.75rem}.contact-tile strong{font-size:.95rem;overflow-wrap:anywhere}.form{background:white;border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.form h3{margin-bottom:9px}.form-intro{font-size:.8rem;margin-bottom:23px}.field{margin-bottom:15px}.field label{display:block;font-size:.79rem;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #bdd9e1;border-radius:12px;background:#fcffff;outline-color:var(--blue);color:#254657}.field textarea{min-height:120px;resize:vertical}.form-help{font-size:.73rem;margin-top:14px}.form-result{padding:16px 18px;border-radius:12px;background:#e9f9f0;font-size:.81rem;margin-top:14px;display:none}.form-result.show{display:block}.footer{background:#0d3c51;color:#fff;padding:68px 0 23px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:45px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:19px}.footer-brand img{height:65px;width:65px}.footer-brand strong{font-size:.89rem;line-height:1.5}.footer p{color:#a9cad5;font-size:.82rem}.footer h4{font-size:.88rem;letter-spacing:0;margin:11px 0 23px}.footer a{display:block;color:#b9d5df;font-size:.82rem;margin:11px 0}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #31556a;margin-top:46px;padding-top:20px;display:flex;gap:15px;justify-content:space-between;color:#9bbfcd;font-size:.71rem}.scroll-top{position:fixed;bottom:20px;right:20px;z-index:99;background:var(--blue);border:0;border-radius:50%;width:45px;height:45px;color:#fff;box-shadow:0 9px 25px #157cad3d;display:none}.scroll-top.visible{display:grid;place-items:center}.tag{display:inline-flex;align-items:center;border-radius:100px;background:#e6f6fb;color:#2385a7;font-size:.69rem;padding:5px 11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.section-end{text-align:center;margin-top:36px}.fine{font-size:.78rem;color:#78909c}.center{text-align:center}.m-top{margin-top:25px}.m-top-lg{margin-top:50px}.mb-0{margin-bottom:0}.gap-25{display:grid;gap:25px}.detail-visual{min-height:330px;border-radius:28px;display:grid;place-items:center;position:relative;overflow:hidden}.detail-visual .symbol{font-size:140px;position:relative;z-index:1}.detail-visual::before{content:'';width:280px;height:280px;border:2px solid #ffffffa8;border-radius:50%;position:absolute}.legal p{font-size:.91rem}.legal h3{margin:23px 0 10px}.icon-list{display:grid;gap:20px;margin-top:27px}.icon-line{display:flex;gap:16px}.icon-line .symbol{font-size:27px;min-width:33px}.icon-line strong{display:block;margin-bottom:2px}.icon-line p{font-size:.82rem}.back{display:inline-flex;color:var(--blue-dark);font-size:.88rem;font-weight:800;gap:10px;margin-bottom:26px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1080px){.nav{gap:13px}.nav a{font-size:.77rem}.brand{min-width:225px}.brand-name{font-size:.8rem}.btn-sm{padding:11px 14px}.intro-grid{gap:45px}}
@media(max-width:900px){.nav-row{min-height:74px}.brand img{height:56px;width:56px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:18px 21px 25px;border-bottom:1px solid var(--border);box-shadow:0 12px 22px #19496117;flex-direction:column;align-items:stretch;gap:1px}.nav.open{display:flex}.nav a{padding:13px 7px;font-size:.94rem}.nav a.active::after{display:none}.nav-cta{display:none}.hero .container{grid-template-columns:1fr;min-height:0;padding:75px 0 60px}.hero-art{height:420px;max-width:510px;width:100%;margin:0 auto}.hero-logo{max-width:300px}.float.left{left:0}.float.right{right:0}.ribbon .container{grid-template-columns:1fr 1fr 1fr}.ribbon-item{padding:22px 15px}.ribbon-item:first-child{padding-left:0}.intro-grid,.split{grid-template-columns:1fr;gap:35px}.intro-art{min-height:340px}.quote-band{grid-template-columns:1fr;gap:25px;padding:40px}.values-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.section{padding:80px 0}.contact-grid{grid-template-columns:1fr}.donate-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{font-size:14px}.container{width:calc(100% - 34px)}.announcement{font-size:.65rem}.announcement .container{justify-content:center}.announcement a{display:none}.brand{min-width:0}.brand img{height:51px;width:51px}.brand-name{font-size:.73rem}.brand-name small{font-size:.57rem}.hero .container{padding:56px 0 45px}.hero h1{font-size:clamp(2.45rem,10.2vw,4rem)}.hero p{font-size:.89rem;margin:21px 0 27px}.hero-actions{gap:9px}.btn{padding:13px 19px;font-size:.78rem}.hero-art{height:315px}.hero-blob{inset:12px 14px 5px}.hero-logo{max-width:220px;border-width:6px}.float{font-size:.67rem;padding:9px 12px;gap:8px}.float .circ{width:30px;height:30px;font-size:1rem}.float.left{left:-4px;bottom:20px}.float.right{right:-4px;top:20px}.ribbon .container{display:block}.ribbon-item,.ribbon-item:first-child{padding:17px 0;border:0;border-bottom:1px solid #ffffff25}.ribbon-item:last-child{border-bottom:0}.ribbon strong{font-size:.91rem}.section{padding:65px 0}.section-head{display:block;margin-bottom:27px}.section-head .link-more{margin-top:20px}.cards,.steps,.information,.donate-grid,.values-grid{grid-template-columns:1fr}.card-visual{height:185px}.card-body p{min-height:0}.intro-art{min-height:290px}.intro-art .art-heart{font-size:135px}.step{padding-top:16px}.steps{gap:33px}.quote-band{padding:32px 24px;border-radius:23px}.page-hero{padding:45px 0}.page-hero h1{font-size:2.5rem}.page-hero p{font-size:.87rem}.breadcrumbs{font-size:.72rem}.side-panel{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 14px}.footer-grid>div:first-child{grid-column:1/-1}.footer h4{margin-bottom:12px}.footer-bottom{display:block;line-height:2}.contact-grid{gap:24px}.form{padding:24px}.content-card{padding:18px;gap:13px}.content-card .content-icon{width:53px;height:53px;font-size:25px}.content-card h3{font-size:.95rem}.quote-band::after{right:-25px}.intro-grid{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card{transition:none}}
