@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--glow-primary: rgba(59, 130, 246, .5);--glow-secondary: rgba(16, 185, 129, .5);--primary: #3b82f6;--secondary: #10b981;--dark: #111827;--dark-lighter: #1f2937;--dark-lightest: #374151}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--dark);position:relative}body:before,body:after{content:"";position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(150px);opacity:.15;z-index:-1;animation:pulse 8s ease-in-out infinite alternate}body:before{top:10%;left:5%;background:var(--glow-primary);animation-delay:0s}body:after{bottom:10%;right:5%;background:var(--glow-secondary);animation-delay:2s}#app{width:100%;margin:0 auto}.glass{background:#1f293740;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 4px 30px #0000001a;position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 80%);opacity:0;transition:opacity .5s ease}.glass:hover:before{opacity:.5}.glass-card{background:#1f293726;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026,0 0 15px var(--glow-primary);border-color:#ffffff1a}.glass-card:hover:after{left:100%}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.tech-text{font-family:Orbitron,sans-serif;letter-spacing:1px}.neon-text{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 15px var(--glow-primary),0 0 20px var(--glow-primary),0 0 30px var(--glow-primary);animation:neonPulse 2s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right-slow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-left-slow{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes pulse{0%{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes neonPulse{0%{text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 15px var(--glow-primary),0 0 20px var(--glow-primary)}to{text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 15px var(--glow-secondary),0 0 20px var(--glow-secondary),0 0 30px var(--glow-secondary)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes scanline_reverse{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(1px,3px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,-3px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px,1px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(2px,-1px)}}@keyframes circuit{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes rotate3d{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}50%{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}to{transform:perspective(1000px) rotateX(0) rotateY(0)}}@keyframes hologram{0%{opacity:.7;background-position:0% 0%}50%{opacity:.9;background-position:100% 100%}to{opacity:.7;background-position:0% 0%}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease forwards}.animate-fade-in-right{animation:fadeInRight .6s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-glitch{position:relative;animation:glitch 1s linear infinite alternate}.animate-rotate3d{animation:rotate3d 8s ease-in-out infinite}.animate-hologram{background:linear-gradient(45deg,#3b82f633,#10b98133);background-size:200% 200%;animation:hologram 8s ease infinite}.animate-pulse-slow{animation:pulse 6s ease-in-out infinite}.animate-slide-right-slow{animation:slide-right-slow 15s linear infinite}.animate-slide-left-slow{animation:slide-left-slow 15s linear infinite}.scanline{position:relative;overflow:hidden}.scanline:after{content:"";position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.3),transparent);animation:scanline 2s linear infinite;z-index:1;pointer-events:none}.circuit-bg{position:relative;background-image:url(/images/circuit-pattern.svg);background-size:200% 200%;animation:circuit 20s linear infinite alternate}.card-3d{transition:transform .5s ease;transform-style:preserve-3d;perspective:1000px}.card-3d:hover{transform:rotateX(5deg) rotateY(5deg);box-shadow:0 25px 50px -12px #00000080}.hologram{position:relative;overflow:hidden}.hologram:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);transform:rotate(45deg);animation:hologram 8s linear infinite}.typing{overflow:hidden;white-space:nowrap;border-right:3px solid white;animation:typing 3.5s steps(40,end),blink .75s step-end infinite}.neon-border{position:relative;border:1px solid rgba(59,130,246,.3);box-shadow:0 0 5px #3b82f680,inset 0 0 5px #3b82f633;animation:glow 2s ease-in-out infinite alternate}.glass-card-enhanced{background:#1f29371a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 4px 30px #0000001a,0 0 10px #3b82f633;transition:all .5s ease;position:relative;overflow:hidden}.glass-card-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.glass-card-enhanced:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003,0 0 20px #3b82f64d}.glass-card-enhanced:hover:before{left:100%}@media (max-width: 768px){.container{padding:0 1rem}}