@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600&display=swap";body{overflow:hidden;width:100vw;height:100dvh;padding:0;margin:0}.gradhov{background-image:linear-gradient(to right,#0d3e4ba2,#26b6daa2 51%,#0b1a24)}.gradhov{transition:.5s;background-size:200% auto;color:#fff;border:2px solid #26b6da2d;font-weight:700}.gradhov:hover{background-position:right center;color:#fff;text-decoration:none;filter:brightness()}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.6}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(cyan 1px,transparent 1px),linear-gradient(90deg,cyan 1px,transparent 1px);background-size:50px 50px;opacity:.03;z-index:-1;animation:gridShift 20s linear infinite}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.header{position:fixed;top:0;width:100%;z-index:1000;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.3)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;background:linear-gradient(45deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px cyan)}to{filter:drop-shadow(0 0 20px cyan)}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative}.nav-links a:hover{color:#0ff;text-shadow:0 0 10px #00ffff}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#f0f);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{text-align:center}.glitch{font-family:Orbitron,monospace;font-size:4rem;font-weight:900;text-transform:uppercase;position:relative;color:#fff;letter-spacing:3px;animation:glitch 3s linear infinite}@keyframes glitch{0%,90%,to{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff;transform:translate(0)}20%{text-shadow:-2px 0 #ff00ff,2px 2px #00ffff;transform:translate(-2px,1px)}40%{text-shadow:2px -2px #ff00ff,-1px 2px #00ffff;transform:translate(-1px,-1px)}60%{text-shadow:-1px -1px #ff00ff,1px 1px #00ffff;transform:translate(1px,1px)}}.subtitle{font-size:1.5rem;color:#0ff;margin:1rem 0;letter-spacing:2px}@keyframes typewriter{0%{width:0}to{width:100%}}.cta-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.cyber-btn{padding:15px 30px;background:transparent;border:2px solid #00ffff;color:#0ff;font-family:Orbitron,monospace;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block}.cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:left .5s}.cyber-btn:hover{color:#0a0a0a;background:#0ff;box-shadow:0 0 20px #0ff,inset 0 0 20px #00ffff4d}.cyber-btn:hover:before{left:100%}.section{padding:8rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-family:Orbitron,monospace;font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;background:linear-gradient(45deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#0ff,#f0f)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{font-size:1.2rem;line-height:1.8;color:#ccc}.about-text .highlight{color:#0ff;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.skill-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.3);padding:2rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0ff,#f0f,#ff0);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d;border-color:#0ff}.skill-category{color:#f0f;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.skill-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#00ffff1a;color:#0ff;padding:5px 15px;border-radius:20px;border:1px solid rgba(0,255,255,.3);font-size:.9rem;transition:all .3s ease}.skill-tag:hover{background:#0ff3;transform:scale(1.05);box-shadow:0 0 10px #00ffff80}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem}.project-card{background:#ff00ff0d;border:1px solid rgba(255,0,255,.3);border-radius:15px;overflow:hidden;transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 40px #ff00ff4d;border-color:#f0f}.project-header{padding:1.5rem;background:#ff00ff1a;border-bottom:1px solid rgba(255,0,255,.3)}.project-title{color:#f0f;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-type{color:#ff0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.project-content{padding:1.5rem}.project-description{color:#ccc;margin-bottom:1rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffff001a;color:#ff0;padding:4px 12px;border-radius:15px;font-size:.8rem;border:1px solid rgba(255,255,0,.3)}.events-timeline{position:relative;margin-top:4rem}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#0ff,#f0f,#ff0);transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:4rem;position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto;margin-left:0;text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto;margin-right:0}.timeline-content{width:45%;background:#00ffff0d;padding:2rem;border-radius:15px;border:1px solid rgba(0,255,255,.3);position:relative}.timeline-date{position:absolute;left:50%;transform:translate(-50%);background:#0a0a0a;color:#0ff;padding:10px 20px;border-radius:25px;border:2px solid #00ffff;font-weight:600;box-shadow:0 0 20px #00ffff4d}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.service-card{background:#ffff000d;border:1px solid rgba(255,255,0,.3);padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,0,.1) 0%,transparent 70%);transition:all .5s ease;transform:translate(-50%,-50%)}.service-card:hover:after{width:200%;height:200%}.service-card:hover{transform:scale(1.05);box-shadow:0 15px 35px #ffff004d;border-color:#ff0}.service-icon{font-size:3rem;color:#ff0;margin-bottom:1rem;position:relative;z-index:2}.service-title{color:#ff0;font-size:1.3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:2}.service-description{color:#ccc;line-height:1.6;position:relative;z-index:2}.contact-section{background:radial-gradient(ellipse at center,rgba(0,255,255,.1) 0%,transparent 70%);text-align:center}.contact-info{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:1rem;color:#0ff;font-size:1.1rem;transition:all .3s ease}.contact-item:hover{transform:scale(1.1);text-shadow:0 0 10px #00ffff}.footer{background:#0a0a0af2;text-align:center;padding:2rem;border-top:1px solid rgba(0,255,255,.3);color:#888}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-link{color:#666;font-size:1.5rem;transition:all .3s ease;text-decoration:none}.social-link:hover{color:#0ff;transform:scale(1.2);filter:drop-shadow(0 0 10px #00ffff)}@media (max-width: 768px){.nav,.nav-links{flex-direction:column;gap:1rem}.glitch{font-size:2.5rem}.about-content{grid-template-columns:1fr;gap:2rem}.cta-buttons{flex-direction:column;align-items:center}.timeline-line{left:2rem}.timeline-content{width:calc(100% - 4rem);margin-left:4rem!important;text-align:left!important}.timeline-date{left:2rem;z-index:1;transform:rotate(90deg) translateY(50%)}.contact-info{flex-direction:column;gap:2rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0ff,#f0f);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f0f,#ff0)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:2px;height:2px;background:#0ff;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-100px) rotate(180deg);opacity:.5}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;background-color:transparent}::-webkit-scrollbar-thumb{width:10px;background-color:#00d0ff32;border-radius:5px}html{scroll-behavior:smooth}#root{overflow:hidden}