:root{--primary: #0f0f1e;--secondary: #1a1a2e;--accent-blue: #00d9ff;--accent-purple: #c639ff;--accent-pink: #ff006e;--glow-blue: 0 0 20px rgba(0, 217, 255, .5);--glow-purple: 0 0 20px rgba(198, 57, 255, .5);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--primary);color:#e5e5e5;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(198,57,255,.05) 0%,transparent 40%),linear-gradient(180deg,#0f0f1e00,#0f0f1e80);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;animation:slide 20s linear infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--accent-blue);opacity:.3;pointer-events:none}.particle.purple{background:var(--accent-purple)}.particle.pink{background:var(--accent-pink)}@keyframes float{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(var(--tx),var(--ty)) rotate(360deg);opacity:0}}@keyframes float-slow{0%{transform:translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translate(var(--tx),var(--ty));opacity:0}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,217,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(0,217,255,.8))}}@keyframes glow-pulse-purple{0%,to{filter:drop-shadow(0 0 10px rgba(198,57,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(198,57,255,.8))}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float-item{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes highlight-border{0%,to{box-shadow:0 0 #00d9ff66}50%{box-shadow:0 0 20px #00d9ff33}}@keyframes neon-text{0%,to{text-shadow:0 0 10px var(--accent-blue),0 0 20px var(--accent-blue)}50%{text-shadow:0 0 20px var(--accent-blue),0 0 30px var(--accent-purple)}}@keyframes bounce-glow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.typing-text{display:inline-block;border-right:3px solid var(--accent-blue);animation:typing 3s steps(40,end),cursor-blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor-blink{0%,to{border-color:var(--accent-blue)}50%{border-color:transparent}}.glass-effect{background:#1a1a2e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.1);transition:var(--transition)}.glass-effect:hover{background:#1a1a2e99;border-color:#00d9ff4d;box-shadow:0 8px 32px #00d9ff1a}.neon-text{color:var(--accent-blue);text-shadow:0 0 10px var(--accent-blue),0 0 20px var(--accent-blue);animation:glow-pulse 3s ease-in-out infinite}.neon-text.purple{color:var(--accent-purple);text-shadow:0 0 10px var(--accent-purple),0 0 20px var(--accent-purple);animation:glow-pulse-purple 3s ease-in-out infinite}.neon-border{border:2px solid var(--accent-blue);box-shadow:0 0 20px #00d9ff4d,inset 0 0 20px #00d9ff1a;animation:highlight-border 3s ease-in-out infinite}.neon-border.purple{border-color:var(--accent-purple);box-shadow:0 0 20px #c639ff4d,inset 0 0 20px #c639ff1a;animation:glow-pulse-purple 3s ease-in-out infinite}.btn-neon{position:relative;padding:12px 24px;border:2px solid var(--accent-blue);background:transparent;color:var(--accent-blue);font-weight:600;border-radius:8px;cursor:pointer;overflow:hidden;transition:var(--transition);font-size:14px;text-transform:uppercase;letter-spacing:1px}.btn-neon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#00d9ff33;transition:left .3s ease;z-index:-1}.btn-neon:hover{box-shadow:0 0 20px #00d9ff80,inset 0 0 20px #00d9ff1a;color:#fff}.btn-neon:hover:before{left:0}.btn-neon.purple{border-color:var(--accent-purple);color:var(--accent-purple)}.btn-neon.purple:before{background:#c639ff33}.btn-neon.purple:hover{box-shadow:0 0 20px #c639ff80,inset 0 0 20px #c639ff1a}.card-hover-effect{position:relative;overflow:hidden;transition:var(--transition);transform-origin:center}.card-hover-effect:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00d9ff26}.card-hover-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00d9ff00,#00d9ff1a,#c639ff00);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.card-hover-effect:hover:before{opacity:1}.scroll-reveal{opacity:0;transform:translateY(30px);transition:var(--transition)}.scroll-reveal.in-view{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-30px);transition:var(--transition)}.scroll-reveal-left.in-view{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(30px);transition:var(--transition)}.scroll-reveal-right.in-view{opacity:1;transform:translate(0)}.gradient-text{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 50%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow-pulse 4s ease-in-out infinite}.gradient-text-fast{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tech-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.tech-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#00d9ff33;transition:left .3s ease}.tech-icon:hover{transform:translateY(-4px) rotate(5deg);background:#00d9ff33;box-shadow:0 0 15px #00d9ff66;border-color:#00d9ff80;color:var(--accent-blue)}.tech-icon:hover:before{left:100%}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animate{animation:float-up 3s ease-in-out infinite}@media(max-width:768px){.particles-container{display:none}.card-hover-effect:hover{transform:translateY(-4px)}body:after{background-size:30px 30px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#00d9ff0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-blue),var(--accent-purple));border-radius:6px;border:2px solid rgba(0,217,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-purple),var(--accent-blue));box-shadow:0 0 15px #00d9ff80}::selection{background:#00d9ff4d;color:#fff}::-moz-selection{background:#00d9ff4d;color:#fff}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button:focus-visible{box-shadow:0 0 20px #00d9ff80}