@font-face{font-family:'Archivo';font-weight:700 900;font-display:swap;src:url("fonts/archivo-latin.woff2") format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url("fonts/plexmono-400.woff2") format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url("fonts/plexmono-500.woff2") format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url("fonts/plexmono-600.woff2") format('woff2')}
html,body{margin:0;background:#050505;color:#F2EFE8;font-family:'IBM Plex Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#F2EFE8;text-decoration:none}
a:hover{color:#E23D28}
@keyframes knoxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes knoxspin{from{transform:rotateX(34deg) rotateY(0deg)}to{transform:rotateX(34deg) rotateY(360deg)}}

.knox-float{animation:knoxfloat 13.7s ease-in-out infinite}
.knox-spin{transform:rotateX(34deg) rotateY(-30deg);animation:knoxspin 22s linear infinite}
.kf{position:absolute;inset:0;border:1px solid rgba(226,61,40,0.55);box-shadow:0 0 16px rgba(226,61,40,0.30),inset 0 0 12px rgba(226,61,40,0.14);backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-size:128px;color:#f2efe8}
.kw{position:absolute;inset:3px;backface-visibility:hidden;overflow:hidden}
.kw>div{position:absolute;inset:11px;overflow:hidden;font-size:10.5px;line-height:2.3;letter-spacing:.08em;word-spacing:6px;font-weight:500;text-align:center}
@media (prefers-reduced-motion: reduce){.knox-float,.knox-spin{animation:none}}
.h1:hover{color:#F2EFE8 !important}
.h2:hover{border-color:#F2EFE8 !important}
.h3:hover{background:#B32A18 !important;color:#F2EFE8 !important}