@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#f0f);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f0ff,#f0a)}.falling-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.falling-star{position:absolute;top:-10px;background:#fff;border-radius:50%;filter:blur(.5px)}@keyframes fall{0%{top:-10px;transform:translate(0) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{top:100vh;transform:translate(-100vw) translateY(0);opacity:0}}:root{--primary-color: #00d4ff;--secondary-color: #ff00ff;--accent-color: #ffaa00;--text-light: #ffffff;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:var(--text-light);overflow-x:hidden;perspective:1000px}.app{position:relative;min-height:100vh;transform-style:preserve-3d;perspective:1500px}.section,.skill-card,.project-card,.glass-card,.featured-project,.contact-link{transform-style:preserve-3d;will-change:transform}*{cursor:none}@media(hover:none)and (pointer:coarse){*{cursor:auto!important}.custom-cursor,.custom-cursor-dot{display:none!important}}.custom-cursor{position:fixed;width:40px;height:40px;border:2px solid rgba(0,212,255,.6);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;box-shadow:0 0 20px #00d4ff66}.custom-cursor-dot{position:fixed;width:8px;height:8px;background:linear-gradient(135deg,#00d4ff,#f0f);border-radius:50%;pointer-events:none;z-index:10001;transform:translate(-50%,-50%);box-shadow:0 0 15px #00d4ffcc}.particle-trail{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px currentColor}a:hover~.custom-cursor,button:hover~.custom-cursor,.skill-card:hover~.custom-cursor,.project-card:hover~.custom-cursor{width:60px;height:60px;border-color:#f0fc;box-shadow:0 0 30px #f0f9}.kinetic-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#050505;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;will-change:transform,background-color;transform-origin:center center}.bg-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.float-anim{animation:gentle-float 6s ease-in-out infinite;will-change:transform}.float-anim-delay-1{animation-delay:0s}.float-anim-delay-2{animation-delay:-2s}.float-anim-delay-3{animation-delay:-4s}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative}.hero-content h1{font-size:clamp(3rem,10vw,7rem);font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,#00d4ff,#f0f,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(0,212,255,.5);letter-spacing:-2px}.hero-content .role{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--primary-color);margin-bottom:2rem;font-weight:600}.hero-content .bio{font-size:clamp(1.1rem,2vw,1.3rem);color:#fffc;max-width:700px;margin:0 auto 3rem;line-height:1.8}.contact-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.contact-link{padding:1rem 2rem;background:#00d4ff1a;border:2px solid rgba(0,212,255,.3);border-radius:50px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.contact-link:hover{background:linear-gradient(135deg,#00d4ff,#f0f);border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.section{padding:5rem 2rem;max-width:1400px;margin:0 auto}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#00d4ff,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;margin:2rem 0;transition:all .3s ease;min-height:fit-content;height:auto;overflow:visible}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00d4ff33;border-color:#00d4ff4d}.glass-card h3{margin-bottom:1rem;line-height:1.4}.glass-card p{line-height:1.6;margin:0;white-space:normal;overflow:visible}.featured-project{background:linear-gradient(135deg,#667eea26,#764ba226);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:3px solid rgba(255,215,0,.4);border-radius:24px;padding:3rem;margin:3rem 0;position:relative;overflow:hidden}.featured-project:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,gold,#ffed4e,gold);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.award-badge{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.8rem 2rem;border-radius:50px;font-weight:800;font-size:1rem;margin-bottom:2rem;box-shadow:0 8px 24px #ffd70066}.featured-project h3{font-size:clamp(2rem,4vw,3rem);color:var(--primary-color);margin-bottom:1rem}.project-icon{font-size:4rem;margin-bottom:1.5rem}.features-list{list-style:none;margin:2rem 0}.features-list li{padding:.8rem 0;color:#ffffffe6;font-size:1.1rem;display:flex;align-items:center;gap:1rem}.features-list li:before{content:"▸";color:var(--primary-color);font-size:1.5rem;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;align-items:stretch}.leadership-grid .glass-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:220px;height:100%;padding:2rem;overflow:hidden;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);will-change:transform}.leadership-grid .glass-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--secondary-color);line-height:1.4}.leadership-grid .glass-card p{font-size:1rem;line-height:1.6;color:#fffc;margin:0}.leadership-grid .glass-card:hover{transform:translateY(-8px);border-color:#ff00ff80;box-shadow:0 15px 40px #ff00ff4d}.skill-card{background:#00d4ff0d;border:2px solid rgba(0,212,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.skill-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 15px 40px #00d4ff4d}.skill-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);padding:.6rem 1.2rem;border-radius:20px;font-size:.95rem;transition:all .2s ease}.skill-tag:hover{background:#00d4ff33;transform:scale(1.05)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.project-card{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);border-color:var(--secondary-color);box-shadow:0 20px 50px #ff00ff4d}.project-card h4{color:var(--primary-color);font-size:1.6rem;margin-bottom:1rem}.project-year{color:var(--accent-color);font-weight:600;margin-bottom:.5rem}.project-tech{color:#fff9;font-size:.9rem;margin-bottom:1rem;font-style:italic}.project-desc{color:#fffc;line-height:1.6;margin-bottom:1rem}.achievement{background:#ffaa001a;border-left:4px solid var(--accent-color);padding:1rem;margin-top:1rem;border-radius:4px;color:#ffffffe6}@media(max-width:768px){.hero{padding:2rem 1rem}.hero-content h1{font-size:clamp(2.5rem,12vw,4rem);letter-spacing:-1px}.hero-content .role{font-size:1.5rem;letter-spacing:2px}.hero-content .bio{font-size:1rem;padding:0 1rem;margin-bottom:2rem}.contact-links{flex-direction:column;width:100%;max-width:320px;margin:2rem auto 0;gap:1rem}.contact-link{width:100%;justify-content:center;padding:1rem;font-size:1rem}.section{padding:4rem 1.5rem}.section-title{font-size:2.5rem;margin-bottom:2rem}.skills-grid,.projects-grid,.leadership-grid{grid-template-columns:1fr;gap:1.5rem}.skill-card,.project-card,.glass-card{padding:1.5rem!important}.featured-project{padding:2rem 1.5rem;margin:2rem 0}.featured-project h3{font-size:1.8rem}.award-badge{padding:.6rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.hero-content h1{font-size:2.2rem}.hero-content .role{font-size:1.2rem}.section-title{font-size:2rem}}html{scroll-behavior:smooth}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}