@font-face{font-family:Plex;src:url('/assets/fonts/plex-mono-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/fonts/plex-mono-medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Russo;src:url('/assets/fonts/russo-one.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#080808;--panel:#0d0d0d;--line:#303030;--soft:#8d8d8d;--white:#ededed;--mono:Plex,'Courier New',monospace;--display:Russo,'Arial Black',sans-serif;--gutter:clamp(20px,4vw,72px)}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{min-height:100vh;margin:0;background:var(--bg);color:var(--white);font:400 14px/1.6 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{position:fixed;inset:0;z-index:5;content:'';pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#ffffff02 3px 4px)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:1px solid #ddd;outline-offset:5px}
.hud-background{position:fixed;inset:0;width:100%;height:100%;color:#888;opacity:.25;pointer-events:none}
.scanlines{position:fixed;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(to bottom,#fff1 0 1px,transparent 1px 4px);opacity:.22}
.archive-shell{position:relative;z-index:1;width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:0 var(--gutter) 22px}
.topline,footer{display:flex;align-items:center;gap:24px;color:var(--soft);font:400 11px/1.4 var(--mono);letter-spacing:.08em}
.topline{height:76px;border-bottom:1px solid var(--line)}
.brand{color:var(--white);font:400 25px/1 var(--display);letter-spacing:-1px;white-space:nowrap}
.brand span,footer i{color:#777}
.path{display:flex;align-items:center;gap:14px;color:#888;font-size:11px;letter-spacing:.07em}
.path i{color:#555;font-style:normal}
.path b{color:#ddd;font-weight:500}
.top-status{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}
.top-status i,.archive-message>i{display:block;width:6px;height:6px;border:1px solid #aaa;transform:rotate(45deg)}
.hero{position:relative;padding:clamp(34px,6vh,66px) 0 48px;text-align:center}
.eyebrow{margin:0 0 14px;color:#a2a2a2;font:400 11px/1.4 var(--mono);letter-spacing:.2em}
.eyebrow span{padding:0 8px;color:#555}
.title-frame{position:relative;isolation:isolate;display:grid;min-height:190px;place-items:center;width:min(760px,100%);margin:0 auto;padding:30px 70px}
.frame-corner{position:absolute;width:34px;height:34px;border:0 solid #ddd;opacity:.85}
.frame-corner:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px}
.frame-corner:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px}
.frame-corner:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}
.frame-corner:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}
.title-ring{position:absolute;z-index:-1;width:210px;height:210px;border:1px dashed #737373;border-radius:50%;opacity:.58;animation:ring-turn 60s linear infinite}
.title-ring::before,.title-ring::after{position:absolute;content:'';left:50%;width:10px;height:10px;border:1px solid #aaa;background:var(--bg);transform:translateX(-50%) rotate(45deg)}
.title-ring::before{top:-5px}.title-ring::after{bottom:-5px}
h1{position:relative;margin:0;color:var(--white);font:400 clamp(64px,10vw,132px)/1 var(--display);letter-spacing:-.035em;transform:skewX(-8deg);text-shadow:0 0 26px #fff2}
h1::before,h1::after{position:absolute;inset:0;content:attr(data-text);pointer-events:none}
h1::before{animation:glitch-slice-a 3.2s infinite steps(1);color:#fff}
h1::after{animation:glitch-slice-b 2.7s infinite steps(1);color:#aaa}
.title-stripes{position:absolute;bottom:-7px;left:50%;display:flex;gap:8px;transform:translateX(-50%) skewX(-30deg)}
.title-stripes i{width:4px;height:23px;background:#ddd}
.intro{margin:25px 0 0;color:#ddd;font:400 12px/1.8 var(--mono);letter-spacing:.14em}
.intro span{color:#858585;font-size:11px;letter-spacing:.05em}
.records{width:min(1040px,100%);margin:0 auto;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:17px 2px 14px;color:#8d8d8d;font:400 10px/1.4 var(--mono);letter-spacing:.14em}
.section-heading h2{margin:0;color:#d2d2d2;font:inherit}
.record{position:relative;display:grid;grid-template-columns:80px 52px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:96px;padding:15px 22px;border:1px solid var(--line);border-bottom:0;background:#090909d9;color:inherit;text-decoration:none;transition:border-color .2s,background .2s,opacity .2s}
.record:last-of-type{border-bottom:1px solid var(--line)}
.record::before,.record::after{position:absolute;width:12px;height:12px;content:'';pointer-events:none;opacity:.52}
.record::before{top:-1px;left:-1px;border-top:1px solid #ddd;border-left:1px solid #ddd}
.record::after{right:-1px;bottom:-1px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.record-id{color:#777;font:400 10px/1.4 var(--mono);letter-spacing:.08em}
.record-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid #686868;color:#ddd;font:400 19px/1 var(--display);transform:skewX(-8deg)}
.mark-sealed{border-style:dashed;color:#777;font:400 20px/1 var(--mono)}
.record-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.record-copy strong{color:#e5e5e5;font:400 19px/1.2 var(--display);letter-spacing:.03em}
.record-copy small{color:#8a8a8a;font:400 11px/1.5 var(--mono);letter-spacing:.03em}
.record-state{color:#8a8a8a;font:400 10px/1.4 var(--mono);letter-spacing:.1em;white-space:nowrap}
.record-state b{margin-left:12px;color:#e5e5e5;font-size:16px;font-weight:400}
.record-sealed{opacity:.74}
.record-sealed.is-open{opacity:1;border-bottom:1px solid var(--line);border-color:#686868;box-shadow:inset 2px 0 #ddd5}
.record-sealed.is-open .record-mark{border-style:solid;color:#eee;box-shadow:0 0 18px #fff1}
.archive-message{display:flex;align-items:center;gap:11px;min-height:30px;margin:13px 2px 0;color:#777;font:400 9px/1.6 var(--mono);letter-spacing:.09em}
.archive-message>i{width:5px;height:5px;border-color:#777}
.archive-message span{margin-left:2px;color:#aaa}
footer{min-height:54px;margin-top:30px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em}
footer>span:nth-child(2){margin-left:auto;color:#777}
.footer-signal{display:flex;align-items:center;gap:4px;height:20px}
.footer-signal i{display:block;width:2px;height:8px;background:#777}
.footer-signal i:nth-child(2n){height:14px;background:#aaa}
.footer-signal i:nth-child(3n){height:18px;background:#555}
.footer-signal b{width:11px;height:11px;margin-left:8px;border:1px solid #777}
@keyframes ring-turn{to{transform:rotate(360deg)}}
@keyframes glitch-slice-a{0%,100%{clip-path:inset(100% 0 0 0);transform:translateX(0)}8%{clip-path:inset(20% 0 64% 0);transform:translateX(-8px)}10%{clip-path:inset(60% 0 22% 0);transform:translateX(5px)}12%{clip-path:inset(100% 0 0 0);transform:translateX(0)}46%{clip-path:inset(38% 0 48% 0);transform:translateX(9px)}48%{clip-path:inset(8% 0 82% 0);transform:translateX(-4px)}50%{clip-path:inset(100% 0 0 0);transform:translateX(0)}78%{clip-path:inset(72% 0 12% 0);transform:translateX(-10px)}80%{clip-path:inset(100% 0 0 0);transform:translateX(0)}}
@keyframes glitch-slice-b{0%,100%{clip-path:inset(100% 0 0 0);transform:translateX(0)}22%{clip-path:inset(50% 0 36% 0);transform:translateX(6px)}24%{clip-path:inset(84% 0 4% 0);transform:translateX(-8px)}26%{clip-path:inset(100% 0 0 0);transform:translateX(0)}62%{clip-path:inset(12% 0 74% 0);transform:translateX(-5px)}63%{clip-path:inset(30% 0 58% 0);transform:translateX(11px)}65%{clip-path:inset(100% 0 0 0);transform:translateX(0)}}
@media(max-width:650px){:root{--gutter:16px}.topline{height:64px;gap:12px}.brand{font-size:21px}.path{gap:7px;font-size:9px}.path span{display:none}.top-status{font-size:9px}.hero{padding:44px 0 34px}.title-frame{min-height:152px;padding:26px 40px}.frame-corner{width:25px;height:25px}.title-ring{width:170px;height:170px}.title-stripes{gap:6px}.title-stripes i{height:19px;width:3px}.records{width:100%}.record{grid-template-columns:54px 40px minmax(0,1fr);gap:10px;min-height:83px;padding:12px 10px}.record-id{font-size:8px}.record-mark{width:34px;height:34px;font-size:16px}.record-copy strong{font-size:16px}.record-copy small{font-size:9px}.record-state{grid-column:3;font-size:9px}.record-copy{grid-column:3;grid-row:1}.record-mark{grid-column:2;grid-row:1}.record-id{grid-column:1;grid-row:1}.section-heading{font-size:9px;letter-spacing:.08em}.archive-message{font-size:8px}footer{flex-wrap:wrap;gap:10px;font-size:8px}footer>span:nth-child(2){display:none}.footer-signal{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.authorization-panel{position:relative;width:min(570px,calc(100% - 24px));margin:0 auto;padding:25px 22px 22px;border:1px solid #383838;background:#090909e8;text-align:center}
.authorization-panel::before,.authorization-panel::after{position:absolute;width:13px;height:13px;content:'';pointer-events:none}
.authorization-panel::before{top:-1px;left:-1px;border-top:1px solid #ddd;border-left:1px solid #ddd}
.authorization-panel::after{right:-1px;bottom:-1px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.authorization-state{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 8px;color:#e4e4e4;font:500 12px/1.5 var(--mono);letter-spacing:.14em}
.authorization-state i{width:7px;height:7px;border:1px solid #ccc;transform:rotate(45deg);animation:auth-pulse 2.6s steps(1) infinite}
.authorization-detail{margin:0 0 22px;color:#888;font:400 10px/1.6 var(--mono);letter-spacing:.1em}
.auth-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 20px;border:1px solid #777;color:#eee;font:500 11px/1.4 var(--mono);letter-spacing:.09em;transition:background .2s,border-color .2s,color .2s}
.auth-link:hover{border-color:#eee;background:#eee;color:#080808}
.auth-link span{font-size:16px}
.authorization-hint{margin:17px 0 0;color:#707070;font:400 9px/1.6 var(--mono);letter-spacing:.04em}
@keyframes auth-pulse{0%,75%,100%{opacity:.45;box-shadow:none}76%,91%{opacity:1;box-shadow:0 0 8px #fff8}}
@media(max-width:650px){.authorization-panel{padding:22px 14px 18px}.authorization-state{font-size:10px}.authorization-detail{font-size:9px}.auth-link{width:100%;padding:0 12px;font-size:10px}.authorization-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.authorization-state i{animation:none;opacity:.8}}