:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#000}h1{font-size:3.2em;line-height:1.1}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{width:100%;overflow-x:hidden}.navbar{position:fixed;top:-50px;left:50%;transform:translate(-50%);padding:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;opacity:0;pointer-events:none}.navbar.scrolled{top:1rem;opacity:1;pointer-events:all}.navbar-pill{background:#141414cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:50px;padding:.5rem 1.25rem;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,0 0 20px #8b5cf64d,0 0 40px #8b5cf633,inset 0 0 60px #8b5cf60d;border:1px solid rgba(139,92,246,.4);position:relative;animation:edge-glow 3s ease-in-out infinite}@keyframes edge-glow{0%,to{box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,0 0 20px #8b5cf64d,0 0 40px #8b5cf633,inset 0 0 60px #8b5cf60d;border-color:#8b5cf666}50%{box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a,0 0 30px #8b5cf680,0 0 60px #8b5cf64d,inset 0 0 80px #8b5cf61a;border-color:#8b5cf699}}.nav-links{display:flex;list-style:none;gap:.25rem;align-items:center;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{color:#fffc;text-decoration:none;font-weight:500;font-size:.8rem;letter-spacing:.3px;padding:.4rem 1rem;border-radius:50px;transition:all .3s ease;display:block;min-height:44px;display:flex;align-items:center;justify-content:center}.nav-links a:hover,.nav-links a:active{color:#fff;background:#ffffff1a}.nav-links a.contact-link{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.nav-links a.contact-link:hover{background:#ffffff40;border-color:#ffffff4d}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:#000}#lights{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#lights canvas{display:block;width:100%;height:100%;opacity:.85}.hero-content{position:relative;z-index:10;padding:2rem;max-width:1200px}.greeting{font-size:1.8rem;margin-bottom:1rem;font-weight:400;color:#ffffffe6;text-shadow:0 2px 20px rgba(0,0,0,.5)}.name{font-size:5rem;margin-bottom:1.5rem;font-weight:700;color:#fff;letter-spacing:-2px;text-shadow:0 4px 30px rgba(255,255,255,.2),0 2px 10px rgba(0,0,0,.8)}.tagline{font-size:1.5rem;margin-bottom:3rem;color:#ccc}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.btn{padding:clamp(.7rem,2vw,1rem) clamp(1.5rem,5vw,2.5rem);font-size:clamp(.85rem,2.5vw,1rem);border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(40px,10vw,48px);touch-action:manipulation;will-change:transform;width:auto;max-width:min(300px,80vw)}.btn-primary{background:#ffffff1a;border:2px solid rgba(255,255,255,.8);color:#fff;box-shadow:0 4px 20px #0000004d}.btn-primary:hover{background:#fffffff2;color:#000;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #fff3}.btn-secondary{background:#ffffff0d;border:2px solid rgba(255,255,255,.6);color:#fff;box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden;animation:resume-pulse 2s ease-in-out infinite}@keyframes resume-pulse{0%,to{box-shadow:0 4px 20px #0000004d,0 0 20px #ffffff1a,0 0 40px #ffffff0d;transform:scale(1)}50%{box-shadow:0 4px 20px #0000004d,0 0 30px #fff3,0 0 60px #ffffff1a;transform:scale(1.05)}}.btn-secondary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s ease-in-out infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%,to{transform:translate(100%) translateY(100%) rotate(45deg)}}.btn-secondary:after{content:"";position:absolute;inset:0;border-radius:50px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6;animation:border-rotate 4s linear infinite;pointer-events:none}@keyframes border-rotate{0%{background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6)}25%{background:linear-gradient(225deg,#fff6,#ffffff1a,#fff6)}50%{background:linear-gradient(315deg,#fff6,#ffffff1a,#fff6)}75%{background:linear-gradient(45deg,#fff6,#ffffff1a,#fff6)}to{background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6)}}.btn-secondary>*{position:relative;z-index:1}.btn-secondary:hover{background:#ffffff1a;color:#fff;border-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #fff3,0 0 40px #ffffff80,0 0 80px #ffffff4d,0 0 120px #fff3;animation:resume-edge-glow 2s ease-in-out infinite}@keyframes resume-edge-glow{0%,to{box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #fff3,0 0 40px #ffffff80,0 0 80px #ffffff4d,0 0 120px #fff3}50%{box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff4d,0 0 50px #fff9,0 0 100px #fff6,0 0 150px #ffffff4d}}.btn-secondary:hover:before{animation-play-state:paused}.btn-secondary:hover:after{opacity:1;animation-play-state:running}.hero-background{position:absolute;inset:0;z-index:1;background:linear-gradient(45deg,#0a0a14,#1a1a2e);overflow:hidden}.hero-background:before,.hero-background:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.hero-background:before{width:500px;height:500px;background:radial-gradient(circle,#667eea,#764ba2);top:-100px;left:-100px;animation-delay:0s}.hero-background:after{width:600px;height:600px;background:radial-gradient(circle,#f093fb,#4facfe);bottom:-150px;right:-150px;animation-delay:2s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.section{min-height:100vh;padding:6rem 2rem;display:flex;align-items:center;justify-content:center;background:#000}.about-section{background:#000;position:relative}.galaxy-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.about-galaxy{opacity:.4}.about-section .section-content{position:relative;z-index:1}.about-title{font-size:3.5rem;margin-bottom:4rem;text-align:center;color:#fff;position:relative;display:inline-block;width:100%}.about-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff}.about-content{display:flex;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.about-image-container{position:relative;flex-shrink:0}.about-image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,rgba(0,150,200,.2) 30%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0}.about-image{width:400px;height:400px;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:3px solid rgba(0,212,255,.5);box-shadow:0 0 30px #00d4ff66,0 0 60px #00d4ff33,inset 0 0 30px #00d4ff1a;animation:image-glow 3s ease-in-out infinite}@keyframes image-glow{0%,to{box-shadow:0 0 30px #00d4ff66,0 0 60px #00d4ff33,inset 0 0 30px #00d4ff1a;border-color:#00d4ff80}50%{box-shadow:0 0 40px #00d4ff99,0 0 80px #00d4ff4d,inset 0 0 40px #00d4ff26;border-color:#00d4ffb3}}.about-text{flex:1;color:#ffffffe6}.about-text p{font-size:1.25rem;line-height:1.8;margin-bottom:1.5rem;text-align:left;color:#ffffffd9}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:4rem;width:100%}.skill-card{position:relative;background:#141414b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1.5rem;transition:transform .3s ease,border-color .3s ease;overflow:hidden;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a,0 0 20px #8b5cf633,0 0 40px #8b5cf61a;animation:skill-edge-glow 3s ease-in-out infinite;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes skill-edge-glow{0%,to{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a,0 0 20px #8b5cf633,0 0 40px #8b5cf61a;border-color:#8b5cf64d}50%{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff26,0 0 30px #8b5cf666,0 0 60px #8b5cf633;border-color:#8b5cf680}}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0006,inset 0 1px #fff3,0 0 40px #8b5cf680,0 0 80px #8b5cf64d;border-color:#8b5cf699}.skill-card h3{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:#fff;text-align:left;position:relative;z-index:1}.skill-items{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.skill-item{display:flex;align-items:center;gap:.75rem;color:#fffc;font-size:.95rem}.skill-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;object-fit:contain;flex-shrink:0}.skill-icon-text{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-section{background:#000;position:relative}.contact-galaxy{opacity:.4}.contact-section .section-content{position:relative;z-index:1}.contact-title{font-size:3.5rem;margin-bottom:4rem;text-align:center;color:#fff;position:relative;display:inline-block;width:100%}.contact-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff}.contact-subtitle{font-size:1.2rem;text-align:center;color:#ffffffb3;margin-bottom:3rem}.contact-links{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.contact-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;background:#141414b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,212,255,.3);border-radius:16px;text-decoration:none;color:#fff;transition:all .3s ease;min-width:180px;min-height:120px;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a,0 0 20px #00d4ff33,0 0 40px #00d4ff1a;animation:contact-edge-glow 3.5s ease-in-out infinite;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);touch-action:manipulation}@keyframes contact-edge-glow{0%,to{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a,0 0 20px #00d4ff33,0 0 40px #00d4ff1a;border-color:#00d4ff4d}50%{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff26,0 0 30px #00d4ff66,0 0 60px #00d4ff33;border-color:#00d4ff80}}.contact-card:hover{transform:translateY(-8px) scale(1.03);background:#1e1e1ee6;box-shadow:0 12px 40px #0006,inset 0 1px #fff3,0 0 40px #00d4ff80,0 0 80px #00d4ff4d;border-color:#00d4ff99}.contact-icon{width:48px;height:48px;color:#00d4ff;transition:transform .3s ease}.contact-card:hover .contact-icon{transform:scale(1.1)}.contact-card span{font-size:1.1rem;font-weight:500}.projects-section{background:#000;position:relative}.projects-galaxy{opacity:.4}.projects-section .section-content{position:relative;z-index:1}.projects-title{font-size:3.5rem;margin-bottom:4rem;text-align:center;color:#fff;position:relative;display:inline-block;width:100%}.projects-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ff}.projects-subtitle{font-size:1.2rem;text-align:center;color:#ffffffb3;margin-bottom:4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.project-card{background:#0f0f19b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;overflow:hidden;transition:all .4s ease;position:relative;box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff1a,0 0 20px #8b5cf633,0 0 40px #8b5cf61a;border:1px solid rgba(139,92,246,.3);animation:project-edge-glow 3s ease-in-out infinite;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes project-edge-glow{0%,to{box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff1a,0 0 20px #8b5cf633,0 0 40px #8b5cf61a;border-color:#8b5cf64d}50%{box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff26,0 0 30px #8b5cf666,0 0 60px #8b5cf633;border-color:#8b5cf680}}.project-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#8b5cf666,#a855f74d,#8b5cf666);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6;transition:opacity .4s ease;z-index:-1}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 12px 48px #00000080,0 8px 20px #0006,inset 0 1px #fff3,0 0 40px #8b5cf680,0 0 80px #8b5cf64d;border-color:#8b5cf699}.project-card:hover:before{opacity:1}.project-image{position:relative;width:100%;height:250px;overflow:hidden;border-bottom:1px solid rgba(0,212,255,.2)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s ease;filter:brightness(.9)}.project-card:hover .project-image img{transform:scale(1.08);filter:brightness(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000d9,#003250e6,#000000d9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;background:#00d4ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #00d4ff;border-radius:10px;color:#00d4ff;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff33,inset 0 0 20px #00d4ff0d;min-height:44px;touch-action:manipulation}.project-link-btn:hover,.project-link-btn:active{background:linear-gradient(135deg,#00d4ff,#00a8cc);color:#000;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #00d4ff66,0 0 30px #00d4ff4d;border-color:#00d4ff}.project-content{padding:2rem;background:linear-gradient(180deg,#0f0f1980,#0a0a14cc)}.project-content h3{font-size:1.6rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(0,212,255,.3);font-weight:700}.project-description{font-size:1rem;line-height:1.7;color:#fffc;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{padding:.5rem 1.2rem;background:#00d4ff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.4);border-radius:25px;font-size:.85rem;color:#00d4ff;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00d4ff1a,inset 0 0 15px #00d4ff0d}.tech-tag:hover{background:#00d4ff33;border-color:#00d4ff99;box-shadow:0 4px 15px #00d4ff40,inset 0 0 20px #00d4ff1a;transform:translateY(-2px)}.section:nth-child(odd){background:#000}.section:nth-child(2n){background:#000}.section-content{max-width:1200px;width:100%}.section h2{font-size:3rem;margin-bottom:2rem;text-align:center}.section p{font-size:1.2rem;text-align:center;color:#ccc}@media(max-width:768px){.navbar{padding:1rem}.navbar.scrolled{top:1rem}.navbar-pill{padding:.5rem 1rem}.nav-links{gap:.25rem}.nav-links a{font-size:.85rem;padding:.5rem 1rem}.name{font-size:2.5rem;letter-spacing:-1px;margin-bottom:1rem}.greeting{font-size:1.3rem}.cta-buttons{flex-direction:column;gap:1rem}#lights canvas{opacity:.7}.about-content{flex-direction:column;gap:2rem}.about-image-glow{width:350px;height:350px}.about-image{width:280px;height:280px}.about-text p{font-size:1rem;text-align:center}.about-title{font-size:2.5rem;margin-bottom:3rem}.about-title:after{width:150px}.skills-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.skill-card h3{font-size:1rem}.skill-item{font-size:.9rem}.contact-title{font-size:2.5rem}.contact-title:after{width:150px}.contact-subtitle{font-size:1rem}.contact-links{flex-direction:column;gap:1.5rem}.contact-card{width:100%;max-width:300px}.projects-title{font-size:2.5rem}.projects-title:after{width:150px}.projects-subtitle{font-size:1rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-image{height:200px}.project-links{flex-direction:column;width:100%;padding:0 1rem}.project-link-btn{width:100%;justify-content:center}}@media(max-width:1200px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.skills-grid{grid-template-columns:repeat(2,1fr)}.about-content{gap:2.5rem}.projects-grid{grid-template-columns:1fr}}@media(max-width:640px){.cta-buttons{gap:1.25rem}}@media(max-width:480px){.navbar-pill{padding:.4rem .8rem}.nav-links a{font-size:.75rem;padding:.4rem .8rem}.name{font-size:2rem;letter-spacing:-.5px}.greeting{font-size:1.1rem}.about-title,.projects-title,.contact-title{font-size:2rem;margin-bottom:2rem}.about-title:after,.projects-title:after,.contact-title:after{width:120px;height:2px}.about-image-glow{width:280px;height:280px}.about-image{width:220px;height:220px}.about-text p{font-size:.95rem;line-height:1.6}.skills-grid{grid-template-columns:1fr}.skill-card{padding:1.25rem}.skill-card h3{font-size:.95rem;margin-bottom:1.25rem}.skill-item{font-size:.85rem;gap:.6rem}.skill-icon{width:28px;height:28px}.project-card{border-radius:16px}.project-image{height:180px}.project-content{padding:1.25rem}.project-content h3{font-size:1.3rem}.project-description{font-size:.95rem;line-height:1.5}.project-link-btn{padding:.7rem 1.5rem;font-size:.9rem}.tech-tag{padding:.4rem 1rem;font-size:.8rem}.contact-card{padding:1.75rem 2.5rem}.contact-icon{width:40px;height:40px}.contact-card span{font-size:1rem}.section{padding:3rem 1rem}.hero-content{padding:0 1.5rem}.galaxy-bg{opacity:.25!important}}@media(max-width:360px){.name{font-size:1.75rem}.greeting{font-size:1rem}.about-image{width:200px;height:200px}.about-title,.projects-title,.contact-title{font-size:1.75rem}.project-content h3{font-size:1.2rem}.contact-card{padding:1.5rem 2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.btn-secondary:before,.btn-secondary:after{animation:none}.project-card:before{opacity:.3}#lights canvas{opacity:.6}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;border-radius:12px;overflow:hidden}.particles-container canvas{width:100%;height:100%}.galaxy-container{width:100%;height:100%;position:absolute;top:0;left:0}.galaxy-container canvas{width:100%;height:100%;display:block}