:root{
    --navy:#0B1B3D;
    --navy-2:#071329;
    --gold:#D4AF37;
    --white:#FFFFFF;
    --muted:#CBD2DF;
    --card:rgba(255,255,255,.07);
    --line:rgba(255,255,255,.16);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;background:var(--navy);color:var(--white)}
body{overflow-x:hidden}
.page{
    min-height:100vh;
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 82% 18%, rgba(212,175,55,.14), transparent 30%),
      radial-gradient(circle at 10% 85%, rgba(49,91,170,.22), transparent 32%),
      linear-gradient(135deg,var(--navy-2),var(--navy));
}
.page:before{
    content:"";
    position:absolute;inset:0;opacity:.13;pointer-events:none;
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:60px 60px;
}
.glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.glow-1{width:420px;height:420px;right:-180px;top:-160px;border:1px solid rgba(212,175,55,.22)}
.glow-2{width:300px;height:300px;left:-180px;bottom:-120px;border:1px solid rgba(255,255,255,.08)}
.hero{position:relative;z-index:2;min-height:100vh;max-width:1180px;margin:auto;padding:38px 34px 26px;display:flex;flex-direction:column}
.brand img.logo{display:block;width:160px;height:auto;max-height:90px;object-fit:contain}
.content{width:min(720px,100%);margin:auto 0;padding:7vh 0}
.eyebrow{font-size:12px;letter-spacing:.28em;color:var(--gold);font-weight:700;margin:0 0 22px}
h1{font-family:"Playfair Display",serif;font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.04em;margin:0}
h1 span{color:var(--gold)}
.mission-statement{max-width:610px;margin:24px 0 0;font-family:"Playfair Display",serif;font-size:clamp(23px,3vw,34px);line-height:1.32;color:var(--white)}
.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px;margin:28px 0}
.divider{height:1px;background:linear-gradient(90deg,var(--gold),transparent);width:220px;margin:28px 0}
.motto{font-size:13px;letter-spacing:.2em;font-weight:700}
.motto b{color:var(--gold);padding:0 7px}
.notify{margin-top:42px;padding:26px;border:1px solid var(--line);background:var(--card);backdrop-filter:blur(18px);border-radius:18px;max-width:680px}
.notify h2{font-size:20px;margin:0 0 7px}
.notify p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 17px}
.subscribe-form{display:flex;gap:10px}
.subscribe-form input{flex:1;min-width:0;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:10px;padding:15px 16px;color:white;outline:none}
.subscribe-form input:focus{border-color:var(--gold)}
.subscribe-form button{border:0;border-radius:10px;padding:0 22px;background:var(--gold);color:var(--navy);font-weight:800;cursor:pointer}
.message{margin-top:12px;font-size:13px}
.success{color:#aee8c0}.error{color:#ffb3b3}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(212,175,55,.72);border-radius:10px;padding:0 18px;color:var(--white);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}
.contact-button:hover,.contact-button:focus-visible{background:var(--gold);color:var(--navy)}
.whatsapp-button{border-color:#61c784}
footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#9da7b8;font-size:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.socials{display:flex;gap:10px;align-items:center}
.socials a{color:white;text-decoration:none}
.socials a:hover{color:var(--gold)}
@media(max-width:680px){
 .hero{padding:25px 20px 18px}
 .brand img.logo{width:135px}
 .content{padding:8vh 0}
 h1{font-size:clamp(46px,14vw,68px)}
 .lead{font-size:16px}
 .mission-statement{font-size:clamp(22px,7vw,30px);margin-top:20px}
 .notify{padding:20px}
 .subscribe-form{flex-direction:column}
 .subscribe-form button{height:50px}
 footer{flex-direction:column;align-items:flex-start}
}