.ef404{--gold:#ffba00;position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden;background:#020912;color:#f4f7f9;padding:72px 24px 90px;text-align:center}
.ef404-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}
.ef404-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:rgba(255,186,0,.11);filter:blur(105px)}
.ef404-wrap{position:relative;z-index:1;width:min(820px,100%)}
.ef404-code{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold);font-size:clamp(86px,14vw,156px);font-weight:900;line-height:.75;letter-spacing:-.08em;opacity:.95}
.ef404-code i{width:82px;height:82px;display:grid;place-items:center;border:1px solid rgba(255,186,0,.3);border-radius:50%;background:rgba(255,186,0,.08);box-shadow:0 0 60px rgba(255,186,0,.18)}
.ef404-code svg{width:40px;height:40px;fill:var(--gold)}
.ef404-kicker{margin:34px 0 12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.ef404 h1{margin:0;font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.055em}
.ef404-copy{max-width:650px;margin:22px auto 30px;color:#9eabb5;font-size:16px;line-height:1.75}
.ef404-search{height:58px;max-width:620px;margin:0 auto;display:flex;align-items:center;padding-left:18px;border:1px solid #2a3d4c;border-radius:13px;background:rgba(6,17,27,.92);box-shadow:0 22px 65px rgba(0,0,0,.28)}
.ef404-search svg{width:20px;height:20px;fill:#81909b;flex:none}
.ef404-search input{height:100%;min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;color:#eef2f4!important;padding:0 14px;font-size:14px}
.ef404-search input::placeholder{color:#768691}
.ef404-search button{height:44px;margin-right:7px;padding:0 24px;border:0;border-radius:9px;background:var(--gold);color:#07111b;font-weight:850;cursor:pointer}
.ef404-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
.ef404-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0 20px;font-size:13px;font-weight:800}
.ef404-primary{background:var(--gold);color:#07111b}.ef404-primary span{margin-left:18px}.ef404-secondary{border:1px solid #354653;color:#dbe2e7;background:#07121d}
.ef404-links{display:flex;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:50px;padding-top:28px;border-top:1px solid #1c2c38}
.ef404-links a{display:flex;align-items:center;gap:8px;color:#9eabb5;font-size:13px}.ef404-links a:hover{color:var(--gold)}.ef404-links svg{width:17px;height:17px;fill:currentColor}
html[data-theme=light] .ef404{background:#f3f7f9;color:#172630}.ef404 html[data-theme=light]{color:#172630}
html[data-theme=light] .ef404-grid{background-image:linear-gradient(rgba(23,38,48,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,38,48,.04) 1px,transparent 1px)}
html[data-theme=light] .ef404-copy{color:#526873}html[data-theme=light] .ef404-search{background:#fff;border-color:#cbd8df}html[data-theme=light] .ef404-search input{color:#172630!important}html[data-theme=light] .ef404-secondary{background:#fff;border-color:#c8d5dc;color:#263d49}html[data-theme=light] .ef404-links{border-color:#d6e0e5}html[data-theme=light] .ef404-links a{color:#4b626e}
@media(max-width:640px){.ef404{min-height:620px;padding:58px 18px 72px}.ef404-code{gap:10px}.ef404-code i{width:62px;height:62px}.ef404-code svg{width:30px;height:30px}.ef404-actions{flex-direction:column}.ef404-actions a{width:100%}.ef404-links{gap:18px 22px}.ef404-search button{padding:0 17px}}