body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0a0a;color:#e0e0e0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-brand,.navbar{align-items:center;display:flex}.nav-brand{font-weight:700;gap:.8rem}.brand-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:36px;justify-content:center;overflow:hidden;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .3s ease;width:36px}.brand-logo:before{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.brand-logo:hover:before{opacity:1}.brand-logo:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px) scale(1.05)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:600}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-menu a{color:#e0e0e0;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-menu a:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{color:#667eea}.mobile-menu-btn{background:#ffffff1a;border-radius:4px;cursor:pointer;display:none;flex-direction:column;gap:4px;z-index:1000}.mobile-menu-btn span{background:#e0e0e0;height:3px;transition:all .3s ease;width:25px}main{flex:1 1;margin-top:80px}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gradient-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:10%;top:10%;width:400px}.orb-2{animation-delay:2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:300px;right:10%;top:60%;width:300px}.orb-3{animation-delay:4s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20%;height:200px;left:20%;width:200px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.code-board{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.code-line{animation:codeTyping 10s linear infinite;color:#00ff41;font-family:Courier New,monospace;font-size:.7rem;opacity:.6;position:absolute;white-space:nowrap}.code-1{animation-delay:0s;left:5%;top:12%}.code-2{animation-delay:1s;left:85%;top:22%}.code-3{animation-delay:2s;left:15%;top:32%}.code-4{animation-delay:3s;left:90%;top:42%}.code-5{animation-delay:4s;left:8%;top:52%}.code-6{animation-delay:5s;left:88%;top:62%}.code-7{animation-delay:6s;left:12%;top:72%}.code-8{animation-delay:7s;left:92%;top:82%}.code-9{animation-delay:8s;left:18%;top:92%}.code-10{animation-delay:9s;left:95%;top:18%}@keyframes codeTyping{0%{opacity:0;transform:translateX(-20px)}10%{opacity:.6;transform:translateX(0)}90%{opacity:.6;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.hero-content{max-width:800px;padding:0 2rem;position:relative;text-align:center;z-index:3}.profile-container{display:inline-block;margin-bottom:2rem;position:relative}.profile-image{border:4px solid #fff3;border-radius:50%;height:220px;object-fit:cover;position:relative;transition:all .3s ease;width:220px;z-index:2}.profile-glow{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:-10px;left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px;z-index:1}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.title-line{color:#a0a0a0;font-size:1.5rem;font-weight:400}.title-name{-webkit-text-fill-color:#0000;animation:slideInUp 1s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700}.hero-subtitle{align-items:center;display:flex;font-size:1.3rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.hero-subtitle,.typing-text{color:#667eea;font-weight:600}.typing-text{min-width:300px;text-align:left}.typing-cursor{animation:blink 1s infinite;color:#667eea;font-weight:700}.hero-description{color:#a0a0a0;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;margin-top:2rem}.btn,.hero-buttons{justify-content:center}.btn{align-items:center;border:2px solid #0000;border-radius:25px;display:inline-flex;font-weight:600;min-width:140px;overflow:hidden;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn,.btn span{position:relative}.btn span{z-index:2}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.btn-secondary{background:#0000;border-color:#ffffff4d;color:#e0e0e0}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.scroll-indicator{align-items:center;animation:bounce 2s infinite;display:flex;justify-content:center;margin-top:1rem;position:relative}.scroll-arrow-link{cursor:pointer;display:block;transition:all .3s ease}.scroll-arrow-link:hover{transform:scale(1.2)}.scroll-arrow{border-bottom:2px solid #667eea;border-right:2px solid #667eea;height:20px;transform:rotate(45deg);transition:all .3s ease;width:20px}.scroll-arrow-link:hover .scroll-arrow{border-color:#764ba2;box-shadow:0 0 10px #667eea80}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}section{opacity:0;padding:4rem 2rem;position:relative;transform:translateY(30px);transition:all .6s ease}section.animate-in{opacity:1;transform:translateY(0)}.container{margin:0 auto;max-width:1200px}.section-title{color:#e0e0e0;font-size:2.5rem;margin-bottom:4rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05}.about-content{display:flex;flex-direction:column;gap:1rem;width:100%}.about-text{max-width:none;width:100%}.about-text p{color:#a0a0a0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem;text-align:left}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff14;transform:translateY(-5px)}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#a0a0a0;font-size:.9rem}.about-details{display:block}.education-showcase{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem}.education-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1 300px;flex-direction:column;height:380px;justify-content:space-between;min-width:280px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;width:calc(33.333% - 1rem)}.education-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease;z-index:1}.education-card:hover:before{transform:scaleX(1)}.education-card:hover{border-color:#667eea4d;box-shadow:0 10px 25px #667eea33;transform:translateY(-3px)}.education-card.current{border-color:#667eea;box-shadow:0 0 20px #667eea33}.card-icon{margin-bottom:1rem;position:relative}.icon-bg{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:.5rem;overflow:hidden;padding:6px;width:50px}.institute-logo{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:100%;object-fit:contain;width:100%}.icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.timeline-dot{background:#667eea;border-radius:50%;box-shadow:0 0 10px #667eea80;height:12px;position:absolute;right:0;top:25px;width:12px}.card-header{margin-bottom:.5rem}.card-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.degree{color:#667eea;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.location{color:#a0a0a0;font-size:.85rem}.location,.timeline-info{margin-bottom:1rem}.year{color:#667eea;display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width 1s ease}.progress-fill.completed{background:linear-gradient(90deg,#4caf50,#45a049)}.card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.card-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.highlight{background:#667eea1a;border:1px solid #667eea33;border-radius:15px;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.highlight:hover{background:#667eea33;transform:scale(1.05)}@keyframes progressGlow{0%,to{box-shadow:0 0 2px #667eea33}50%{box-shadow:0 0 6px #667eea66}}.detail-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;transition:all .3s ease}.detail-card:hover{background:#ffffff14;transform:translateY(-5px)}.detail-card h3{color:#667eea;font-size:1.2rem;margin-bottom:1.5rem}.language-item{margin-bottom:1rem}.language-item span{color:#e0e0e0;display:block;margin-bottom:.5rem}.language-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.language-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width 1s ease}.education-section{background:#ffffff05;padding:2rem 0}.experience-section{background:#ffffff05;padding:5rem 0}.experience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.experience-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.experience-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.experience-card:hover:before{transform:scaleX(1)}.experience-card:hover{box-shadow:0 15px 40px #667eea4d;transform:translateY(-5px)}.experience-card.current{border-color:#667eea;box-shadow:0 0 20px #667eea33}.card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.role-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.role-icon .icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.role-info{flex:1 1}.role-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.company{color:#667eea;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.duration{color:#a0a0a0;font-size:.8rem;font-weight:500}.card-body{margin-top:1rem}.achievements{margin-bottom:1.5rem}.achievement-item{align-items:flex-start;background:#ffffff08;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem;transition:all .3s ease}.achievement-item:hover{background:#ffffff14;transform:translateX(5px)}.achievement-icon{flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.achievement-item p{color:#a0a0a0;font-size:.9rem;line-height:1.6;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:15px;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.tech-tag:hover{background:#667eea33;transform:scale(1.05)}.projects-section{background:#ffffff05}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:2rem;transition:all .3s ease}.project-card:hover{background:#ffffff14;border-color:#667eea4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.project-content h3{color:#667eea;font-size:1.3rem;margin-bottom:1rem;text-align:center}.project-content p{color:#a0a0a0;line-height:1.6;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.skills-section{background:#ffffff05;padding:5rem 0}.skills-showcase{grid-gap:1.2rem;align-items:start;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}@media (min-width:1024px){.skills-showcase{column-gap:1.4rem;column-width:340px;display:block;margin-top:1.6rem}.skills-showcase .skill-category-card{break-inside:avoid;display:inline-block;margin:0 0 1.4rem;page-break-inside:avoid;vertical-align:top;width:100%}}.skill-category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:visible;padding:1.25rem;position:relative;transition:all .3s ease}.skill-category-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.skill-category-card:hover:before{transform:scaleX(1)}.skill-category-card:hover{box-shadow:0 15px 40px #667eea4d;transform:translateY(-5px)}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.category-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.category-icon i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3rem}.category-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.skills-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.skill-item{background:#0000;border:none;border-radius:8px;cursor:pointer;overflow:visible;padding:.6rem .4rem;text-align:center;transition:all .3s ease}.skill-item .skill-logo:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s ease;width:100%;z-index:0}.skill-item:hover .skill-logo:before{transform:scale(1)}.skill-item:hover{background:#667eea1a;transform:translateY(-2px)}.skill-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;height:45px;justify-content:center;margin:0 auto .6rem;position:relative;transition:all .3s ease;width:45px;z-index:1}.skill-logo i{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3rem}.skill-item:hover .skill-logo{box-shadow:0 5px 15px #667eea66;transform:scale(1.1) rotate(5deg)}.skill-name{color:#fff;display:block;font-size:.75rem;font-weight:600;line-height:1.2;position:relative;transition:all .3s ease;z-index:1}.skill-item:hover .skill-name{color:#667eea;transform:scale(1.05)}.skill-item{position:relative}.skill-item[data-tooltip]:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;border:1px solid #ffffff14;border-radius:8px;bottom:120%;box-shadow:0 6px 20px #00000059;color:#fff;content:attr(data-tooltip);font-size:.75rem;height:auto;line-height:1.2;max-width:220px;padding:.45rem .7rem;text-align:center;white-space:normal;width:-webkit-max-content;width:max-content}.skill-item[data-tooltip]:after,.skill-item[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:1000}.skill-item[data-tooltip]:after{border:5px solid #0000;border-top-color:#000000e6;bottom:110%;content:""}.skill-item.show-tooltip[data-tooltip]:after,.skill-item.show-tooltip[data-tooltip]:before,.skill-item:active[data-tooltip]:after,.skill-item:active[data-tooltip]:before,.skill-item:focus-within[data-tooltip]:after,.skill-item:focus-within[data-tooltip]:before,.skill-item:hover[data-tooltip]:after,.skill-item:hover[data-tooltip]:before{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}@media (max-width:768px){.skill-item[data-tooltip]:before{background:#000000e6;border-radius:12px;bottom:12px;box-shadow:0 10px 30px #00000073;font-size:.9rem;left:50%;line-height:1.3;max-width:none;padding:.6rem .9rem;position:fixed;top:auto;transform:translateX(-50%);width:min(92vw,680px);z-index:2000}.skill-item[data-tooltip]:after{display:none}.skill-item:active[data-tooltip]:after,.skill-item:active[data-tooltip]:before,.skill-item:focus-within[data-tooltip]:after,.skill-item:focus-within[data-tooltip]:before,.skill-item:hover[data-tooltip]:after,.skill-item:hover[data-tooltip]:before{transform:translateX(-50%)}}@keyframes skillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.skill-item{animation:skillFloat 3s ease-in-out infinite}.skill-item:nth-child(2){animation-delay:.5s}.skill-item:nth-child(3){animation-delay:1s}.skill-item:nth-child(4){animation-delay:1.5s}@keyframes iconPulse{0%,to{box-shadow:0 0 0 0 #667eeab3;transform:scale(1)}50%{box-shadow:0 0 0 10px #667eea00;transform:scale(1.05)}}.skill-logo.python{background:linear-gradient(135deg,#3776ab,#ffde57)}.skill-logo.cpp{background:linear-gradient(135deg,#00599c,#004482)}.skill-logo.arduino{background:linear-gradient(135deg,#00979d,#007c7f)}.skill-logo.fusion360{background:linear-gradient(135deg,#ff6b35,#f7931e)}.skill-logo.matlab{background:linear-gradient(135deg,#0076a8,#005a8b)}.skill-logo.numpy{background:linear-gradient(135deg,#4dabcf,#2b5f75)}.skill-logo.pandas{background:linear-gradient(135deg,#130654,#2b5f75)}.skill-logo.fpga{background:linear-gradient(135deg,#e01f27,#b71c1c)}.skill-logo.stm32{background:linear-gradient(135deg,#002d72,#00aeef)}.skill-logo.esp32{background:linear-gradient(135deg,#e7352c,#b71c1c)}.skill-logo.arm{background:linear-gradient(135deg,#0091ea,#06c)}.skill-logo.simulink{background:linear-gradient(135deg,#f59c00,#d87a00)}.skill-logo.multisim{background:linear-gradient(135deg,#0a3d91,#072d6b)}.skill-logo.ltspice{background:linear-gradient(135deg,#a00000,#6e0000)}.skill-logo.proteus{background:linear-gradient(135deg,#1e90ff,#06c)}.skill-logo.c{background:linear-gradient(135deg,#283593,#1e88e5)}.skill-logo.bash{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.skill-logo.linux{background:linear-gradient(135deg,#fcc624,#f39c12)}.skill-logo.jupyter{background:linear-gradient(135deg,#f37626,#f28705)}.skill-logo.scipy{background:linear-gradient(135deg,#1a85ff,#0b61d8)}.skill-logo.matplotlib{background:linear-gradient(135deg,#1f77b4,#0d4d73)}.skill-logo.tkinter{background:linear-gradient(135deg,#3c6e71,#284b63)}.skill-logo.pyqt{background:linear-gradient(135deg,#41cd52,#21a366)}.skill-logo.pyvisa{background:linear-gradient(135deg,#7e57c2,#5e35b1)}.skill-logo.product-strategy{background:linear-gradient(135deg,#00c6ff,#0072ff)}.skill-logo.agile{background:linear-gradient(135deg,#ff6f00,#ff8f00)}.skill-logo.user-research{background:linear-gradient(135deg,#7c4dff,#651fff)}.skill-logo.pmtools{background:linear-gradient(135deg,#26a69a,#00796b)}.skill-logo.autocad{background:linear-gradient(135deg,#c00,#900)}.skill-logo.cadence{background:linear-gradient(135deg,#c8102e,#8a102e)}.skill-logo.optisystem{background:linear-gradient(135deg,#1e88e5,#1565c0)}.skill-logo.eagle{background:linear-gradient(135deg,#c3002f,#8b001f)}.skill-logo.kicad{background:linear-gradient(135deg,#2f64bd,#1f4f91)}.skill-logo.altium{background:linear-gradient(135deg,#a68f00,#7b6f00)}.skill-logo.screenprinting{background:linear-gradient(135deg,#6d4c41,#4e342e)}.skill-logo.inkjet{background:linear-gradient(135deg,#00bcd4,#0097a7)}.skill-logo.printed{background:linear-gradient(135deg,#26a69a,#00796b)}.skill-logo.msoffice{background:linear-gradient(135deg,#d83b01,#a62a00)}.skill-logo.git{background:linear-gradient(135deg,#f05032,#c0351a)}.skill-logo.latex{background:linear-gradient(135deg,teal,#066)}@media (max-width:768px){.skills-showcase{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:375px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-logo{height:35px;width:35px}.skill-name{font-size:.65rem}}.contact-section{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);overflow:hidden;padding:5rem 0;position:relative}.contact-section:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.terminal-container{background:#000000e6;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 30px #00ff004d;font-family:Courier New,monospace;margin-top:3rem;overflow:hidden;position:relative}.terminal-container:before{animation:scan 3s linear infinite;background:linear-gradient(45deg,#0000 49%,#00ff000d 50%,#0000 51%);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.terminal-header{align-items:center;background:linear-gradient(90deg,#1a1a1a,#2a2a2a);border-bottom:1px solid #0f0;display:flex;justify-content:space-between;padding:.8rem 1rem}.terminal-buttons{display:flex;gap:.5rem}.terminal-btn{border-radius:50%;cursor:pointer;height:12px;width:12px}.terminal-btn.close{background:#ff5f56}.terminal-btn.minimize{background:#ffbd2e}.terminal-btn.maximize{background:#27ca3f}.terminal-title{color:#0f0;font-size:.9rem;font-weight:700}.terminal-body{min-height:400px;padding:1.5rem}.terminal-content{color:#0f0;font-size:.95rem;line-height:1.6}.command-line{align-items:center;animation:fadeInUp .5s ease forwards;display:flex;margin-bottom:.5rem;opacity:0}.command-line:first-child{animation-delay:.5s}.command-line:nth-child(3){animation-delay:1.5s}.command-line:nth-child(5){animation-delay:2.5s}.command-line:nth-child(7){animation-delay:3.5s}.command-line:nth-child(9){animation-delay:4.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prompt{color:#0f0;font-weight:700;margin-right:.5rem}.command{color:#fff;position:relative}.typing-text{animation:typing 2s steps(40);overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}.cursor{animation:blink 1s infinite;color:#0f0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.output-line{animation:fadeIn .5s ease forwards;margin-bottom:1rem;opacity:0;padding-left:1.5rem}.output-line:nth-child(2){animation-delay:1s}.output-line:nth-child(4){animation-delay:2s}.output-line:nth-child(6){animation-delay:3s}.output-line:nth-child(8){animation-delay:4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.output{color:#0f0}.contact-info-output{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;gap:1rem}.label{color:#0f0;font-weight:700;min-width:80px}.value{color:#fff}.terminal-link{color:#4facfe;position:relative;text-decoration:none;transition:all .3s ease}.terminal-link:hover{color:#00f2fe;text-shadow:0 0 10px #4facfe80}.terminal-link:after{background:#4facfe;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.terminal-link:hover:after{width:100%}.social-links-output{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.social-link-item{background:#00ff001a;border:1px solid #00ff004d;border-radius:5px;padding:.8rem;transition:all .3s ease}.social-link-item:hover{background:#0f03;border-color:#0f0;box-shadow:0 5px 15px #00ff004d;transform:translateY(-2px)}.social-link-item a{align-items:center;display:flex;gap:.5rem;text-decoration:none}.link-icon{font-size:1.2rem}.link-text{color:#fff;font-weight:500}.ping-output{display:flex;flex-direction:column;gap:.3rem}.ping-line{color:#0f0;font-size:.9rem}.status-online{color:#27ca3f;font-weight:700;text-shadow:0 0 10px #27ca3f80}.App-footer{background:#000c;border-top:1px solid #ffffff1a;color:#a0a0a0;padding:2rem;text-align:center}.App-footer .container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px) and (min-width:769px){.skills-showcase{gap:2rem;grid-template-columns:repeat(2,1fr)}.skills-grid{gap:.8rem;grid-template-columns:repeat(4,1fr)}.skill-logo{height:50px;width:50px}.skill-name{font-size:.8rem}.terminal-container{margin-left:1rem;margin-right:1rem}.social-links-output{gap:1rem;grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.navbar{align-items:center;flex-direction:row;gap:0;justify-content:space-between;padding:0 1rem}.navbar .nav-menu:not(.mobile-open){display:none!important}.mobile-menu-btn{background:#0000;border-radius:4px;cursor:pointer;display:flex!important;flex-direction:column;gap:3px;padding:.5rem;z-index:1000}.mobile-menu-btn span{background:#e0e0e0;height:2px;transition:all .3s ease;width:20px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar .nav-menu{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#1a1a1ab3!important;border-right:1px solid #ffffff26!important;box-shadow:2px 0 20px #0006!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;height:100vh!important;left:0!important;list-style:none!important;padding:4rem 1rem 2rem!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:280px!important;z-index:1001!important}.navbar .nav-menu.mobile-open{transform:translateX(0)!important}.navbar .nav-menu li{margin:0!important;padding:0!important;text-align:center!important}.navbar .nav-menu a{color:#e0e0e0!important;display:block!important;font-size:1.1rem!important;font-weight:500!important;padding:.8rem 0!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important}.navbar .nav-menu a:after{display:none!important}.navbar .nav-menu a:hover{background:#667eea1a!important;border-radius:4px!important;color:#667eea!important}.nav-brand{flex-shrink:0;gap:.5rem}.brand-logo{font-size:1rem;height:32px;width:32px}.brand-text{font-size:.9rem}.mobile-menu-backdrop{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:1000}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.hero-section{min-height:100vh;padding:.5rem .3rem}.hero-content{padding:0 .3rem}.profile-image{height:200px;width:200px}.title-name{font-size:2.8rem;line-height:1.2}.hero-subtitle{flex-direction:column;font-size:1.2rem;gap:.5rem}.typing-text{min-width:auto;text-align:center}.hero-buttons{align-items:center;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;margin-top:.8rem}.btn{max-width:250px;padding:12px 20px;width:100%}section{padding:3rem 1rem}.container{padding:0 .5rem}.section-title{font-size:2rem;margin-bottom:2rem}.about-stats{gap:1rem;grid-template-columns:1fr}.stat-item{padding:1rem}.stat-number{font-size:1.5rem}.education-showcase{flex-direction:column;gap:1.5rem;padding:0 1rem}.education-card{border-radius:15px;flex:0 0 auto;margin:0;padding:1.5rem;width:100%}.experience-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.experience-card{border-radius:15px;margin:0;padding:1.5rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.project-card{border-radius:15px;margin:0;padding:1.5rem}.skills-showcase{gap:1.5rem;grid-template-columns:1fr;padding:0 .5rem}.skill-category-card{border-radius:15px;margin:0;padding:1.5rem}.category-header{margin-bottom:1rem}.category-icon{height:40px;width:40px}.category-header h3{font-size:1.1rem}.skills-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}.skill-item{background:#0000;border:none;border-radius:8px;padding:.6rem .3rem}.skill-item:hover{background:#667eea1a;transform:translateY(-2px)}.skill-logo{height:42px;width:42px}.skill-name{font-size:.7rem;margin-top:.4rem}.terminal-container{margin-left:.5rem;margin-right:.5rem;margin-top:1.5rem}.terminal-header{padding:.6rem .8rem}.terminal-title{font-size:.8rem}.terminal-body{min-height:280px;padding:.8rem}.terminal-content{font-size:.8rem}.command-line{margin-bottom:.3rem}.output-line{margin-bottom:.6rem;padding-left:.8rem}.social-links-output{gap:.6rem;grid-template-columns:repeat(2,1fr)}.social-link-item{padding:.5rem}.link-text{font-size:.75rem}.App-footer .container{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:768px) and (orientation:landscape){.hero-section{min-height:70vh;padding:1rem .5rem}.profile-image{height:120px;width:120px}.title-name{font-size:2rem}.hero-subtitle{font-size:1rem}.skills-showcase{gap:1rem;grid-template-columns:repeat(3,1fr)}.skills-grid{gap:.4rem;grid-template-columns:repeat(4,1fr)}.skill-logo{height:35px;width:35px}.terminal-container{margin-top:1rem}.terminal-body{min-height:200px}}@media (max-width:480px){.navbar{padding:0 .8rem}.mobile-menu-btn{background:#ffffff1a;cursor:pointer;flex-direction:column;gap:3px;z-index:1000}.mobile-menu-btn span{background:#e0e0e0;transition:all .3s ease}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(4px,4px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}.navbar .nav-menu:not(.mobile-open){display:none!important}.nav-brand{gap:.4rem}.brand-logo{font-size:.9rem;height:28px;width:28px}.brand-text{font-size:.8rem}.mobile-menu-btn{background:#0000;border-radius:4px;display:flex!important;padding:.4rem}.mobile-menu-btn span{height:2px;width:18px}.navbar .nav-menu{backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#1a1a1ab3!important;border-right:1px solid #ffffff26!important;box-shadow:2px 0 20px #0006!important;display:flex!important;flex-direction:column!important;gap:1rem!important;height:100vh!important;left:0!important;list-style:none!important;padding:3.5rem .8rem 1.5rem!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:260px!important;z-index:1001!important}.navbar .nav-menu.mobile-open{transform:translateX(0)!important}.navbar .nav-menu li{margin:0!important;padding:0!important;text-align:center!important}.navbar .nav-menu a{color:#e0e0e0!important;display:block!important;font-size:1rem!important;font-weight:500!important;padding:.6rem 0!important;position:relative!important;text-decoration:none!important;transition:all .3s ease!important}.navbar .nav-menu a:after{display:none!important}.navbar .nav-menu a:hover{background:#667eea1a!important;border-radius:4px!important;color:#667eea!important}.hero-section{min-height:100vh;padding:.3rem .2rem}.hero-content{padding:0 .2rem}.profile-image{height:180px;width:180px}.title-line{font-size:1.2rem}.title-name{font-size:2.2rem;line-height:1.1}.hero-subtitle{font-size:1rem}.typing-text{font-size:.9rem}.hero-description{font-size:.95rem;padding:0 .5rem}.hero-buttons{gap:.6rem;margin-bottom:1rem;margin-top:.8rem}.btn{font-size:.9rem;max-width:200px;padding:10px 16px}section{padding:2.5rem .8rem}.container{padding:0 .3rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.about-text p{font-size:1rem;line-height:1.5}.stat-item{padding:.8rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.education-showcase{flex-direction:column;gap:1.2rem;padding:0 .8rem}.education-card{border-radius:12px;flex:0 0 auto;padding:1.2rem;width:100%}.card-header h3{font-size:1rem}.degree{font-size:.85rem}.location{font-size:.75rem}.year{font-size:.7rem}.highlight{font-size:.65rem;padding:.2rem .6rem}.experience-grid{gap:1.2rem;padding:0 .3rem}.experience-card{border-radius:12px;padding:1.2rem}.role-info h3{font-size:1rem}.company{font-size:.8rem}.duration{font-size:.7rem}.achievement-item{padding:.6rem}.achievement-item p{font-size:.8rem}.tech-tag{font-size:.65rem;padding:.2rem .6rem}.projects-grid{gap:1.2rem;padding:0 .3rem}.project-card{border-radius:12px;padding:1.2rem}.project-content h3{font-size:1.1rem}.project-content p{font-size:.9rem}.skills-showcase{gap:1.2rem;padding:0 .3rem}.skill-category-card{border-radius:12px;padding:1.2rem}.category-header{margin-bottom:.8rem}.category-icon{height:35px;width:35px}.category-header h3{font-size:.95rem}.skills-grid{gap:.3rem;grid-template-columns:repeat(4,1fr)}.skill-item{background:#0000;border:none;border-radius:6px;padding:.5rem .2rem}.skill-item:hover{background:#667eea1a;transform:translateY(-1px)}.skill-logo{height:38px;width:38px}.skill-name{font-size:.65rem;margin-top:.3rem}.terminal-container{margin-left:.3rem;margin-right:.3rem;margin-top:1rem}.terminal-header{padding:.5rem .6rem}.terminal-title{font-size:.75rem}.terminal-body{min-height:220px;padding:.6rem}.terminal-content{font-size:.7rem}.command-line{margin-bottom:.25rem}.output-line{margin-bottom:.5rem;padding-left:.6rem}.social-links-output{gap:.4rem;grid-template-columns:repeat(2,1fr)}.social-link-item{padding:.4rem}.link-text{font-size:.7rem}.App-footer{padding:1.5rem}}@media (min-width:834px) and (max-width:1024px){.skills-showcase{gap:2rem;grid-template-columns:repeat(2,1fr)}.skills-grid{gap:.8rem;grid-template-columns:repeat(4,1fr)}.skill-logo{height:55px;width:55px}.skill-name{font-size:.85rem}.terminal-container{margin-left:2rem;margin-right:2rem}.social-links-output{gap:1rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1025px) and (max-width:1366px){.skills-showcase{gap:2.5rem;grid-template-columns:repeat(3,1fr)}.skills-grid{gap:1rem;grid-template-columns:repeat(4,1fr)}.skill-logo{height:60px;width:60px}.skill-name{font-size:.9rem}.terminal-container{margin-left:3rem;margin-right:3rem}.social-links-output{gap:1.2rem;grid-template-columns:repeat(4,1fr)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-close i{color:#fff;font-size:1.2rem}.modal-body{padding:2rem}.project-details h2{color:#667eea;font-size:2rem;margin-bottom:1rem;text-align:center}.project-tech-modal{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.project-tech-modal span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}.project-tech-modal span:hover{box-shadow:0 5px 15px #667eea4d;transform:scale(1.05)}.project-description h3{border-bottom:2px solid #667eea4d;color:#667eea;font-size:1.3rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.project-description p{color:#a0a0a0;line-height:1.6;margin-bottom:1rem}.project-description ul{color:#a0a0a0;line-height:1.6;margin-bottom:1.5rem;padding-left:1.5rem}.project-description li{margin-bottom:.5rem;position:relative}.project-description li:before{color:#667eea;content:"▸";font-weight:700;left:-1rem;position:absolute}@media (min-width:1200px){.education-showcase{gap:2rem;justify-content:center}.education-card{min-width:320px;width:calc(33.333% - 1.33rem)}}@media (max-width:768px){.modal-content{margin:1rem;max-height:95vh}.modal-body{padding:1.5rem}.project-details h2{font-size:1.5rem}.project-tech-modal{gap:.3rem}.project-tech-modal span{font-size:.75rem;padding:.3rem .8rem}}
/*# sourceMappingURL=main.39bcb1fa.css.map*/