:root{--teal:#126b72;--dark:#103b40;--gold:#c69b4d;--pale:#eef8f6;--ink:#263b3d;--muted:#647477}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:#f7fbfa;line-height:1.6}a{color:inherit}.site-header{background:#fff;box-shadow:0 3px 18px #143f4212}.header-inner{max-width:1160px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--teal);font-weight:800;letter-spacing:.055em;font-size:14px}.brand img{width:56px;height:56px;object-fit:contain}nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:750;letter-spacing:.04em}nav a{text-decoration:none}.nav-contact{color:var(--teal)}.donate{background:var(--gold);color:#fff;padding:11px 22px;border-radius:50px}.donate:hover{background:#ae843a}.hero{background:linear-gradient(120deg,#0d555c,#17858a);color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff30;border-radius:50%;right:-130px;top:-200px;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff07}.hero-inner{max-width:1160px;margin:auto;padding:75px 24px 84px;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;font-weight:800}.eyebrow{color:#f1d49c}.hero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-.035em;line-height:1.1;margin:13px 0}.hero h1 em{font-style:normal;color:#f2d69e}.hero p{max-width:530px;font-size:17px;color:#e7f4f2;margin:0}.content{max-width:1160px;margin:0 auto;padding:72px 24px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.intro{padding-top:24px}.section-kicker{color:var(--gold)}.intro h2{font-size:clamp(29px,3.2vw,42px);line-height:1.2;color:var(--dark);margin:15px 0 18px;letter-spacing:-.025em}.intro>p{color:var(--muted);font-size:16px;max-width:410px}.contact-detail{display:flex;align-items:center;gap:16px;margin-top:38px}.detail-icon{background:#dff1ee;color:var(--teal);width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:25px}.contact-detail strong{display:block;color:var(--dark);font-size:14px}.contact-detail a{color:var(--teal);font-size:14px;overflow-wrap:anywhere}.quote{margin-top:44px;padding:24px 26px;background:var(--pale);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;font-size:17px;font-style:italic;color:var(--teal);font-weight:600}.form-card{background:white;border:1px solid #e2ecea;border-radius:22px;padding:40px;box-shadow:0 18px 55px #174f4e12}.form-heading h2{margin:8px 0 3px;font-size:30px;color:var(--dark)}.form-heading p{margin:0 0 27px;color:var(--muted);font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:750;margin-bottom:8px;color:var(--dark)}.form-group label span{color:#ba6d39}.form-group input,.form-group textarea{display:block;width:100%;padding:13px 15px;border:1.5px solid #d9e6e3;border-radius:10px;background:#fbfdfd;color:var(--ink);font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:140px}.form-group input:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17858a20}.submit-btn{width:100%;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:15px 20px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.submit-btn:hover{background:var(--dark)}.form-note{color:var(--muted);font-size:12px;text-align:center;margin:14px 0 0}footer{border-top:1px solid #e0eae8;background:#fff;padding:24px;display:flex;justify-content:center;gap:26px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer a{color:var(--teal)}@media(max-width:800px){.content{grid-template-columns:1fr;gap:35px;padding:48px 20px 65px}.intro{padding:0}.hero-inner{padding:60px 20px}.form-card{padding:27px 22px}.header-inner{padding:10px 16px}.brand span{font-size:11px}.brand img{width:44px;height:44px}nav{gap:10px;font-size:11px}.donate{padding:9px 12px}.quote{margin-top:25px}}@media(max-width:390px){.brand span{max-width:100px;line-height:1.3}nav{gap:7px}.nav-contact{font-size:10px}}
