:root{--navy:#123e5d;--teal:#087f99;--turquoise:#25b3c2;--coral:#ef685b;--ink:#102d4f;--muted:#536b7a;--pale:#edf6f8}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}
.wrap{width:min(900px,calc(100% - 38px));margin:auto}.top{padding:22px 0;border-bottom:1px solid #e0edf0}.brand{font-weight:900;font-size:20px;line-height:1.05;color:var(--navy)}.brand span{display:block}
main{padding:54px 0 70px}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
h1{font-size:clamp(32px,6vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:10px 0 18px}h2{font-size:24px;line-height:1.2}p{color:var(--muted)}
.panel{padding:25px;margin:18px 0;border-radius:16px;background:var(--pale);border:1px solid #dcebef}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:99px;background:var(--coral);color:#fff;font-weight:800;text-decoration:none;margin-top:10px}
.back{display:inline-block;color:var(--teal);font-weight:700;margin-top:24px;text-decoration:none}
footer{background:#0d344e;color:#dcebf0;padding:20px 0;font-size:12px}
@media(max-width:600px){main{padding:35px 0 55px}.panel{padding:19px}}

/* Refined, feminine editorial finish — original brand colours retained */
:root{--radius:26px;--shadow:0 18px 48px rgba(18,62,93,.10)}
body{font-family: 'Aptos', 'Segoe UI', Arial, sans-serif;letter-spacing:.01em;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.top{padding:25px 0;border-bottom:1px solid rgba(8,127,153,.14)}
.brand{font-family:Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:.035em;font-size:22px}
main{padding:68px 0 84px}
.eyebrow{letter-spacing:2.8px;font-size:11px}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.7px}
h1{font-size:clamp(38px,6.4vw,61px);line-height:1.04;margin:13px 0 22px}
h2{font-size:clamp(25px,3vw,32px)}
p{line-height:1.8}
.panel{padding:30px;border-radius:var(--radius);background:linear-gradient(145deg,#edf6f8 0%,#fff 100%);border:1px solid rgba(8,127,153,.13);box-shadow:var(--shadow)}
.btn{padding:14px 25px;border-radius:999px;letter-spacing:.02em;box-shadow:0 8px 20px rgba(239,104,91,.18);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(239,104,91,.23)}
.back{font-size:14px}
footer{padding:27px 0;letter-spacing:.03em}
@media(max-width:600px){main{padding:43px 0 60px}.panel{padding:22px;border-radius:22px}h1{font-size:clamp(36px,10vw,48px)}}
