:root{--navy:#0b1d33;--gold:#d4af37;}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#eef5fb,#fff);color:var(--navy);overflow:hidden}
.hero{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem}
.wrap{animation:fade 1.6s ease}
.logo{width:min(720px,82vw);filter:drop-shadow(0 12px 28px rgba(0,0,0,.12))}
.copy{max-width:720px;margin:1.5rem auto;color:#5b6776;font-size:1.1rem;line-height:1.8}
footer{position:fixed;left:0;right:0;bottom:0;padding:1rem;text-align:center;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-top:1px solid #ddd}
footer a{text-decoration:none;color:var(--navy);margin:0 .8rem}footer a:hover{color:var(--gold)}
#egg{opacity:0;transition:opacity .8s;color:var(--gold);font-style:italic;margin-top:1rem}#egg.show{opacity:1}
@keyframes fade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-color-scheme:dark){body{background:#0b1d33;color:#fff}footer{background:rgba(11,29,51,.88);border-color:#334}.copy{color:#d8e1eb}footer a{color:#fff}}