*{margin:0; padding:0; box-sizing:border-box;}
:root{--green:#40826D;}
html,body{background:#ffffff; font-family:Georgia,serif; color:#222; min-height:100vh;}

/* HEADER */
nav{
height:64px;
display:flex;
align-items:center;
padding:0 60px;
background:#40826D;
border-bottom:1px solid #C0C0C0;
}
nav a{color:white; text-decoration:none; margin-right:50px; font-size:15px; text-transform:uppercase; letter-spacing:2px;}
nav a:first-child{font-size:28px; font-weight:600; letter-spacing:4px;}
nav a:hover{opacity:.85;}
#quote{margin-left:auto; color:#eaf5f1; font-style:italic; text-transform:uppercase; letter-spacing:2px; font-size:13px;}

/* PAGE */
main{max-width:1200px; margin:auto; padding:120px 40px; min-height:70vh;}

/* HERO (legacy) */
.hero{text-align:center;}
.hero h1{font-size:90px; letter-spacing:18px; color:#40826D; margin-bottom:24px;}
.hero p{font-size:20px; color:#666;}

/* FOOTER */
.main-footer{
background:#40826D;
padding:14px 30px;
border-top:1px solid #C0C0C0;
}
.footer-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
flex-wrap:wrap;
}
.social-icons{display:flex; gap:18px;}
.social-icons a{color:white; font-size:18px; text-decoration:none;}
.datetime{
display:flex;
align-items:center;
gap:14px;
color:#ffffff;
font-family:Georgia,serif;
font-style:normal;
font-size:13px;
letter-spacing:1px;
}
.datetime span{color:#ffffff;}
.datetime .sep{opacity:.5;}