body{font-family:Inter,sans-serif;background-color:#010409;color:#f8fafc;margin:0;overflow-x:hidden}.font-mono-tech{font-family:JetBrains Mono,monospace}.glass{background:#0d1117b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,191,0,.1);box-shadow:0 8px 32px #0009}.perspective-grid{perspective:1000px;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 20%,transparent 80%)}.grid-lines{position:absolute;bottom:-100%;left:-50%;width:200%;height:300%;background-image:linear-gradient(rgba(255,140,0,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,140,0,.15) 1px,transparent 1px);background-size:60px 60px;transform:rotateX(60deg);animation:grid-flow 15s linear infinite;box-shadow:inset 0 0 100px #ff8c000d}.grid-lines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(255,191,0,.05) 50%,transparent);animation:grid-pulse 8s ease-in-out infinite}@keyframes grid-flow{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(60px)}}@keyframes grid-pulse{0%,to{opacity:.3}50%{opacity:.8}}.scanner-line{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,191,0,.3),transparent);z-index:100;animation:scan 12s linear infinite;pointer-events:none}@keyframes scan{0%{top:-5%;opacity:0}5%{opacity:1}95%{opacity:1}to{top:105%;opacity:0}}.gradient-text{background:linear-gradient(135deg,#ffbf00,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.5;filter:blur(20px);transform:scale(1)}50%{opacity:1;filter:blur(40px);transform:scale(1.1)}}@keyframes float-node{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.sci-fi-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform-style:preserve-3d;border:2px dashed rgba(0,209,255,.2)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#010409}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffbf00}