@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #00d4ff;--secondary-color: #0099ff;--accent-color: #ff006e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #151515;--border-color: #2a2a2a;--shadow: rgba(0, 212, 255, .1)}.light-mode{--primary-color: #0099ff;--secondary-color: #00d4ff;--accent-color: #ff006e;--text-primary: #1a1a1a;--text-secondary: #666666;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.app{position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.section{padding:6rem 2rem;position:relative}.container{max-width:1400px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid var(--border-color);transition:all .3s ease}.light-mode .navbar{background:#fffffff2}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu li{position:relative}.nav-menu li a{color:var(--text-primary);text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:.95rem}.nav-menu li a:hover,.nav-menu li.active a{color:var(--primary-color)}.nav-menu li.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);border-color:var(--primary-color)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{width:25px;height:3px;background:var(--text-primary);transition:all .3s ease}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--bg-secondary);width:100%;text-align:center;transition:.3s;padding:2rem;border-top:1px solid var(--border-color)}.nav-menu.active{left:0}.menu-toggle{display:flex}}@media (max-width: 480px){.nav-container{padding:0 1rem}}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;animation:fadeInUp 1s ease-out}body:not(.light-mode) .hero-title{background:linear-gradient(135deg,#ffffff,var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light-mode .hero-title{background:linear-gradient(135deg,#1a1a1a,#09f,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.hero-title{font-size:2.5rem}}@media (max-width: 480px){.hero-title{font-size:2rem}}.hero-section{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 2rem;background:var(--bg-primary);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.1;top:-200px;right:-200px;animation:float 20s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-30px,30px) rotate(240deg)}}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting{color:var(--primary-color);font-size:1.2rem;font-weight:500;display:block;margin-bottom:.5rem}.hero-subtitle{font-size:1.8rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:600}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8;max-width:600px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px var(--shadow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--shadow)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.hero-image{display:flex;justify-content:center;animation:fadeInRight 1s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 40px var(--shadow);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.profile-image-placeholder{width:200px;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;margin:0 auto 2rem;box-shadow:0 10px 30px var(--shadow);animation:pulse 2s infinite;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.social-links{display:flex;gap:1rem;justify-content:center}.social-links a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);transition:all .3s ease}.social-links a svg{width:24px;height:24px}.social-links a:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;transform:translateY(-5px);border-color:transparent}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-image{order:-1}}@media (max-width: 768px){.hero-subtitle{font-size:1.3rem}.profile-card{padding:2rem}.profile-image-placeholder{width:150px;height:150px;font-size:3rem}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}}.section-title{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;color:var(--text-primary);position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:2px}@media (max-width: 768px){.section-title{font-size:2rem}}.subsection-heading,.subsection-heading--skills{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary)}.subsection-heading--education{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.subsection-heading--contact{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.subsection-heading--portfolio{font-size:1.3rem;color:var(--text-primary);margin-bottom:.5rem}.subsection-heading--achievement{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.subsection-heading--timeline{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.about-section{padding:6rem 2rem;background:var(--bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-text p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.info-grid{display:grid;gap:1rem;margin-top:2rem}.info-item{display:flex;flex-direction:column;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease}.info-item:hover{border-color:var(--primary-color);transform:translate(5px)}.info-item strong{color:var(--primary-color);margin-bottom:.3rem;font-size:.9rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-badge{background:var(--bg-card);border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:50px;font-size:.9rem;transition:all .3s ease;cursor:default}.skill-badge:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;transform:translateY(-3px)}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:3rem}}.timeline-heading{font-size:1.2rem;color:var(--text-secondary);font-weight:600}.timeline-heading--education{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.timeline-heading--timeline-header{font-size:1.2rem;color:var(--text-secondary);font-weight:600}.experience-section{padding:6rem 2rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.timeline-item{position:relative;margin-bottom:3rem}.timeline-marker{position:absolute;left:-2.5rem;top:0;width:12px;height:12px;background:var(--primary-color);border-radius:50%;border:3px solid var(--bg-secondary);box-shadow:0 0 20px var(--primary-color)}.timeline-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s ease}.timeline-content:hover{border-color:var(--primary-color);transform:translate(10px);box-shadow:0 10px 30px var(--shadow)}.timeline-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.timeline-meta{text-align:right;display:flex;flex-direction:column;gap:.3rem}.period,.location{color:var(--text-secondary);font-size:.9rem}.timeline-content ul{list-style:none;padding:0}.timeline-content li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-secondary)}.timeline-content li:before{content:"▹";position:absolute;left:0;color:var(--primary-color);font-weight:700}.education-section{margin-top:4rem}.education-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s ease}.education-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px var(--shadow)}.degree{font-size:1.2rem;color:var(--text-primary);margin-bottom:.3rem;font-weight:600}.institution{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem}.education-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1rem;color:var(--text-secondary)}@media (max-width: 1024px){.timeline-header{flex-direction:column}.timeline-meta{text-align:left}}@media (max-width: 480px){.timeline{padding-left:1.5rem}.timeline-marker{left:-2.2rem}}.portfolio-section{padding:6rem 2rem;background:var(--bg-secondary)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.portfolio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer}.portfolio-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 15px 40px var(--shadow)}.project-company{color:var(--primary-color);font-weight:600;font-size:.9rem}.project-period{display:block;color:var(--text-secondary);font-size:.85rem;margin:1rem 0}.portfolio-card p{color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}}.achievements-section{padding:6rem 2rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.achievement-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.achievement-card:hover:before{transform:scaleX(1)}.achievement-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px var(--shadow);border-color:var(--primary-color)}.achievement-icon{font-size:3rem;margin-bottom:1rem}.achievement-org{color:var(--primary-color);font-weight:600;font-size:.9rem;margin-bottom:.5rem}.achievement-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (max-width: 768px){.achievements-grid{grid-template-columns:1fr}}.contact-section{padding:6rem 2rem;background:var(--bg-secondary)}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.contact-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.contact-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;transition:all .3s ease;text-align:center}.contact-item:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 10px 30px var(--shadow)}.contact-icon{font-size:3rem;margin-bottom:.5rem}.contact-item strong{display:block;color:var(--primary-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.contact-item a{color:var(--text-primary);text-decoration:none;transition:color .3s ease;font-size:.95rem}.contact-item a:hover{color:var(--primary-color)}.contact-item span{color:var(--text-primary);font-size:.95rem}@media (max-width: 768px){.contact-details{grid-template-columns:1fr}}.footer{background:var(--bg-secondary);padding:2rem;text-align:center;border-top:1px solid var(--border-color)}.footer p{color:var(--text-secondary);margin-bottom:1rem}.footer-socials{display:flex;gap:2rem;justify-content:center}.footer-socials a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-socials a:hover{color:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}