:root{--primary-gold: #D4AF37;--dark-bg: #2a2a2a;--light-text: #ffffff;--accent-bg: #1a1a1a;--border-color: #555;--text-muted: rgba(255, 255, 255, .8);--error-color: #ff6b6b}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--light-text);background-color:var(--dark-bg);scroll-behavior:smooth}nav{display:flex;flex-direction:row;justify-content:end;align-items:center;position:sticky;top:0;gap:1rem;padding:1rem;background-color:var(--accent-bg);border-bottom:1px solid var(--border-color);z-index:1}nav a{color:var(--text-muted);text-decoration:none;transition:color .1s ease-in-out}nav a:hover{color:var(--primary-gold)}footer{padding:3rem 2rem;text-align:center;background:var(--accent-bg);border-top:1px solid var(--border-color)}footer .names{font-size:1.8rem;color:var(--primary-gold);font-weight:300;letter-spacing:2px;margin-bottom:.5rem}footer .date{font-size:1rem;color:var(--text-muted);margin-bottom:1rem}footer p{font-size:.9rem;color:var(--text-muted);font-style:italic;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}