@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:#0a0e27;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}@media (max-width:600px){html{font-size:14px}}::-webkit-scrollbar{background:#0a0e27f2;width:12px}::-webkit-scrollbar-track{background:linear-gradient(#00ff9d0d,#7b61ff0d);border-left:1px solid #00ff9d33}::-webkit-scrollbar-thumb{background:linear-gradient(#00ff9d99,#7b61ff99);border:2px solid #0a0e27cc;border-radius:10px;box-shadow:0 0 20px #00ff9d80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00ff9de6,#7b61ffe6);box-shadow:0 0 30px #00ff9dcc,0 0 50px #7b61ff99}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.8s ease-out fadeInUp}.animate-float{animation:6s ease-in-out infinite float}@keyframes edgeGlow{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes portalPulse{0%,to{opacity:.8;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}@keyframes energyFlow{0%{opacity:0;transform:translateY(-100%)rotate(0)}50%{opacity:1}to{opacity:0;transform:translateY(100%)rotate(360deg)}}@keyframes statusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes quantumRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderRotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes quantumGrid{0%,to{opacity:.5;transform:perspective(1000px)rotateX(0)rotateY(0)}25%{opacity:.7;transform:perspective(1000px)rotateX(1deg)rotateY(.5deg)}50%{opacity:.5;transform:perspective(1000px)rotateX(0)rotateY(1deg)}75%{opacity:.8;transform:perspective(1000px)rotateX(-.5deg)rotateY(0)}}@keyframes energyField{0%{transform:translate(0)scale(1)}25%{transform:translate(50px,-30px)scale(1.1)}50%{transform:translate(-30px,50px)scale(.9)}75%{transform:translate(40px,40px)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes dimensionalRift{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(1.2)}}@keyframes hologramGlitch{0%,90%,to{clip-path:inset(0);transform:translate(0)}92%{clip-path:inset(0 0 50%);transform:translate(-5px)}94%{clip-path:inset(50% 0 0);transform:translate(5px)}96%{clip-path:inset(0 50% 0 0);transform:translate(-3px)}98%{clip-path:inset(0 0 0 50%);transform:translate(3px)}}@keyframes textScan{0%{top:0}to{top:100%}}@keyframes dimensionalShift{0%,to{opacity:.3;transform:translateZ(0)translate(0)}50%{opacity:.5;transform:translateZ(20px)translate(5px)}}@keyframes neuralPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #00ffc84d,0 0 60px #00ffc826}50%{transform:scale(1.02);box-shadow:0 12px 48px #00ffc880,0 0 100px #00ffc840}}@keyframes iconFloat{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-10px)rotateY(180deg)}}