/* 404 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0A1628;--gold:#C9A962;--cream:#FAF8F5;--font-display:'Cormorant Garamond',serif;--font-body:'Outfit',sans-serif}
body{font-family:var(--font-body);min-height:100vh;overflow:hidden}
a{text-decoration:none}

.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--navy)}
.error-page__bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1920&q=80') center/cover;opacity:.15}
.error-content{position:relative;z-index:2;text-align:center;padding:24px;max-width:560px}
.error-code{font-family:var(--font-display);font-size:clamp(6rem,20vw,12rem);font-weight:700;color:transparent;-webkit-text-stroke:1px var(--gold);line-height:1;display:block;margin-bottom:16px}
.error-content h1{font-family:var(--font-display);font-size:2rem;color:var(--cream);font-weight:400;margin-bottom:16px}
.error-content p{color:rgba(250,248,245,.6);font-weight:300;margin-bottom:36px;line-height:1.7}
.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{padding:14px 32px;border-radius:50px;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;transition:all .3s}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(201,169,98,.3)}
.btn--outline{border:1px solid var(--gold);color:var(--gold)}
.btn--outline:hover{background:var(--gold);color:var(--navy)}

.floating-shapes span{position:absolute;border-radius:50%;border:1px solid rgba(201,169,98,.2)}
.floating-shapes span:nth-child(1){width:300px;height:300px;top:10%;left:5%;animation:float 8s ease-in-out infinite}
.floating-shapes span:nth-child(2){width:200px;height:200px;bottom:15%;right:10%;animation:float 6s ease-in-out infinite reverse}
.floating-shapes span:nth-child(3){width:150px;height:150px;top:50%;right:25%;animation:float 10s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}
