body{font-family:'Inter',sans-serif;background:var(--bg, #0a0b10);color:var(--text, #f0ead6);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}




.page-404{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative;overflow:hidden}
.page-404::before{content:'🌿';position:absolute;left:-40px;bottom:-40px;font-size:300px;opacity:.03;pointer-events:none;filter:grayscale(1)}
.inner-404{max-width:540px;margin:0 auto;text-align:center;position:relative;z-index:1}
.num-404{position:relative;margin-bottom:24px;display:inline-block}
.num-text{font-family:'Fredoka',cursive;font-size:clamp(6rem,20vw,10rem);font-weight:700;color:rgba(240,234,214,.06);line-height:1;letter-spacing:-.04em}
.num-fox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5))}
.tag-404{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);border:1.5px solid rgba(112,163,167,.3);border-radius:999px;padding:5px 14px;margin-bottom:14px}
.title-404{font-family:'Fredoka',cursive;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;color:white;margin-bottom:10px}
.sub-404{font-family:'Lora',serif;font-style:italic;font-size:.95rem;color:var(--muted, #8b93a0);line-height:1.7;margin-bottom:28px;max-width:420px;margin-left:auto;margin-right:auto}

.quote-card{background:var(--bg2, #141218);border:1px solid var(--border, rgba(255,255,255,.07));border-radius:14px;padding:20px 24px;margin-bottom:28px;text-align:left}
.quote-text{font-family:'Lora',serif;font-style:italic;font-size:.92rem;color:rgba(240,234,214,.75);line-height:1.7;margin-bottom:8px}
.quote-attr{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}

.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px}
@media(max-width:500px){.links-grid{grid-template-columns:repeat(2,1fr)}}
.link-card{background:var(--bg2, #141218);border:1px solid var(--border, rgba(255,255,255,.07));border-radius:12px;padding:18px 12px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.link-card:hover{transform:translateY(-3px);border-color:rgba(112,163,167,.3);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.link-card:nth-child(1):hover{border-color:rgba(188,71,73,.4)}
.link-card:nth-child(2):hover{border-color:rgba(112,163,167,.4)}
.link-card:nth-child(3):hover{border-color:rgba(210,180,140,.4)}
.link-card:nth-child(4):hover{border-color:rgba(155,89,182,.4)}
.link-emoji{font-size:1.8rem;margin-bottom:6px}
.link-label{font-family:'Fredoka',cursive;font-size:.88rem;font-weight:700;color:white;margin-bottom:3px}
.link-desc{font-size:.7rem;color:var(--muted, #8b93a0)}

.search-wrap{position:relative;max-width:400px;margin:0 auto}
.search-icon-sm{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}
.search-404{width:100%;padding:13px 16px 13px 44px;border:1.5px solid var(--border, rgba(255,255,255,.07));border-radius:13px;background:var(--bg2, #141218);color:var(--text, #f0ead6);font-family:'Inter',sans-serif;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}
.search-404:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(112,163,167,.18)}
.search-404::placeholder{color:rgba(240,234,214,.75)}

footer{background:#2a2720;padding:32px 24px;text-align:center;border-top:1px solid rgba(240,234,214,.06)}
.footer-brand{margin-bottom:14px}.footer-logo{font-family:'Fredoka',cursive;font-size:1.2rem;color:var(--text, #f0ead6)}.footer-tagline{font-size:.72rem;color:var(--muted, #8b93a0);margin-top:2px}
.footer-links,.footer-socials{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.footer-links a,.footer-socials a{font-size:.8rem;color:rgba(240,234,214,.65);transition:color .15s}.footer-links a:hover,.footer-socials a:hover{color:rgba(240,234,214,.9)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:50%;transform:translateX(-50%);top:8px;width:auto;height:auto;padding:10px 20px;background:#BC4749;color:white;font-weight:700;font-size:.9rem;border-radius:8px;z-index:9999;text-decoration:none;white-space:nowrap}