@layer base{body{@apply font-sans antialiased;background-color:#030305;background-image:radial-gradient(at 0% 0%,rgba(250,204,21,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(42,195,222,.05) 0px,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px;background-attachment:fixed}h1,h2,h3,.font-tech{@apply font-sans font-bold uppercase;}}@layer components{.glass-card{@apply bg-vp-dark-200/40 backdrop-blur-md border border-white/10 rounded-xl shadow-2xl;}.glass-input{@apply bg-white border border-white/20 rounded-lg focus:border-vp-yellow/50 focus:ring-1 focus:ring-vp-yellow/50 transition-all duration-300;color:#000!important;font-weight:600}.tech-button{@apply relative overflow-hidden transition-all duration-300 active:scale-95;}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{@apply bg-vp-dark;}::-webkit-scrollbar-thumb{@apply bg-vp-dark-300 rounded-full hover:bg-vp-yellow/50 transition-colors;}}.card-light{background-color:#fff!important;border:1.5px solid #9ca3af!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;border-radius:.75rem!important}.input-light{width:100%!important;background-color:#fff!important;border:1.5px solid #9ca3af!important;border-radius:.5rem!important;padding:.625rem 1rem!important;color:#000!important;font-weight:500!important;outline:none!important;transition:all .2s!important;display:block!important}.input-light:focus{border-color:#facc15!important;box-shadow:0 0 0 1.5px #facc15!important}.mouse-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:radial-gradient(circle 150px at var(--mouse-x, 0) var(--mouse-y, 0),rgba(250,204,21,.08),transparent 100%)}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.animate-tech-glow{animation:glow 3s infinite ease-in-out}