/*
Theme Name: Matrixflow 404
Theme URI: https://mtxflw.com
Author: Matrixflow
Description: Minimal full-screen 404-style theme using Matrixflow brand colors.
Version: 1.0.0
Text Domain: matrixflow-404
*/
:root{--mf-bg:#030914;--mf-navy:#07182f;--mf-blue:#0B6FFF;--mf-cyan:#11D7EB;--mf-silver:#C8D3E3;--mf-white:#F7FAFF}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(11,111,255,.18),transparent 28%),radial-gradient(circle at 50% 62%,rgba(17,215,235,.10),transparent 22%),linear-gradient(180deg,#020711 0%,#061428 58%,#020711 100%);color:var(--mf-white);overflow:hidden}
.mf-404{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:24px;text-align:center}
.mf-404::before,.mf-404::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(17,215,235,.16);width:62vw;height:62vw;max-width:850px;max-height:850px;animation:mfFloat 10s ease-in-out infinite}
.mf-404::after{width:42vw;height:42vw;max-width:580px;max-height:580px;border-color:rgba(11,111,255,.19);animation-delay:-3s}
.mf-box{position:relative;z-index:2}
.mf-code{margin:0;font-size:clamp(120px,24vw,320px);line-height:.78;letter-spacing:-0.07em;font-weight:900;background:linear-gradient(135deg,var(--mf-silver) 8%,var(--mf-white) 30%,var(--mf-cyan) 58%,var(--mf-blue) 84%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(11,111,255,.25))}
.mf-line{width:min(280px,55vw);height:2px;margin:28px auto 24px;background:linear-gradient(90deg,transparent,var(--mf-cyan),var(--mf-blue),transparent);box-shadow:0 0 24px rgba(17,215,235,.55)}
.mf-title{margin:0;font-size:clamp(22px,3vw,38px);font-weight:700}
.mf-subtitle{margin:12px 0 0;color:#9FB2CC;font-size:clamp(13px,1.3vw,17px)}
.mf-brand{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#7892B5;white-space:nowrap}
.mf-brand b{background:linear-gradient(90deg,var(--mf-silver),var(--mf-cyan),var(--mf-blue));-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes mfFloat{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.04);opacity:1}}
@media(max-width:600px){.mf-brand{bottom:18px;font-size:11px}.mf-line{margin-top:20px}}