@font-face{font-family:'Orbitron';font-style:normal;font-weight:700;font-display:swap;
    src:url('/assets/fonts/orbitron.woff2') format('woff2');}
  html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:"Courier New",Consolas,Menlo,Monaco,monospace;}
  #matrix{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;}
  .vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 50%,rgba(0,0,0,.82) 100%);}
  .brand{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;}
  .brand span{font-family:'Orbitron',"Courier New",monospace;font-weight:700;
    font-size:clamp(26px,6vw,80px);letter-spacing:.22em;padding-left:.22em;text-transform:uppercase;
    color:rgba(206,255,222,.24);
    text-shadow:0 0 2px rgba(0,255,65,.5),0 0 18px rgba(0,255,65,.32),0 0 44px rgba(0,255,65,.18);}
  .corner{position:fixed;z-index:3;font-size:14px;letter-spacing:.06em;-webkit-user-select:none;user-select:none;}
  .corner a{color:#00ff41;text-decoration:none;padding:2px 5px;transition:.15s ease;text-shadow:0 0 6px rgba(0,255,65,.75);}
  .corner a:hover{color:#eafff0;text-shadow:0 0 10px rgba(0,255,65,1),0 0 22px rgba(0,255,65,.7);}
  .corner .sep{color:rgba(0,255,65,.35);margin:0 .45rem;}
  .tr{top:16px;right:22px;}
  .br{bottom:14px;right:22px;font-size:12px;opacity:.9;}