*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8e6f0;-webkit-font-smoothing:antialiased;background:#08090e;font-family:JetBrains Mono,monospace;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#08090e}::-webkit-scrollbar-thumb{background:#a166ff;border-radius:2px}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#a166ff0a 1px,#0000 1px),linear-gradient(90deg,#a166ff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor:after{content:"_";color:#a166ff;animation:1s infinite blink}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a166ff44}50%{box-shadow:0 0 40px #a166ff88}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes glitch1{0%,to{clip-path:inset(0 0 100%)}10%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(60% 0 10%)}30%{clip-path:inset(0 0 100%)}}.term-line{border-left:2px solid #a166ff;margin:8px 0;padding-left:16px}.hover-line{position:relative}.hover-line:after{content:"";background:#a166ff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.hover-line:hover:after{width:100%}