:root{--primary-color: #00d4ff;--secondary-color: #7c3aed;--accent-color: #f59e0b;--bg-dark: #0a0a0f;--bg-darker: #050508;--text-primary: #ffffff;--text-secondary: #a0aec0;--card-bg: rgba(15, 15, 25, .8);--card-border: rgba(255, 255, 255, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.nav{position:fixed;top:0;left:0;width:100%;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--card-border)}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition);position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition)}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);transition:var(--transition)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;padding:8rem 0;position:relative}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;padding:2rem}.hero-content{z-index:1}.hero-profile{margin-bottom:2rem;animation:fadeInUp .8s ease-out}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid transparent;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color)) border-box;box-shadow:0 10px 40px #00d4ff4d;transition:var(--transition)}.profile-image:hover{transform:scale(1.05);box-shadow:0 15px 50px #00d4ff80}.hero-greeting{display:block;font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem;animation:fadeInUp .8s ease-out .2s backwards}.hero-name{display:block;font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;animation:fadeInUp .8s ease-out .4s backwards}.hero-subtitle{font-size:1.8rem;color:var(--text-secondary);margin-bottom:1rem;animation:fadeInUp .8s ease-out .6s backwards}.hero-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;animation:fadeInUp .8s ease-out .8s backwards}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;animation:fadeInUp .8s ease-out 1s backwards}.btn{padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff4d}.btn-secondary{border-color:var(--primary-color);color:var(--primary-color);background:transparent}.btn-secondary:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-3px)}.hero-social{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp .8s ease-out 1.2s backwards}.hero-social a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-border);border-radius:50%;color:var(--text-secondary);font-size:1.5rem;transition:var(--transition)}.hero-social a:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-5px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid var(--primary-color);border-radius:25px;position:relative}.scroll-indicator span:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:scrollDot 2s infinite}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center;margin-bottom:4rem}.about-image-container{display:flex;justify-content:center;align-items:center}.about-image{width:300px;height:300px;border-radius:20px;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,linear-gradient(135deg,var(--primary-color),var(--secondary-color)) border-box;box-shadow:0 20px 60px #00d4ff4d;transition:var(--transition)}.about-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 25px 70px #00d4ff80}.about-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-item{text-align:center;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:var(--transition)}.stat-item:hover{transform:translateY(-5px);border-color:var(--primary-color)}.stat-number{display:block;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{display:block;color:var(--text-secondary);margin-top:.5rem}.about-education-section{margin-top:3rem}.subsection-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--primary-color)}.education-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.education-item{padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:var(--transition)}.education-item:hover{border-color:var(--primary-color);transform:translate(10px)}.education-institution{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.education-degree{color:var(--text-secondary);margin-bottom:.5rem}.education-period{color:var(--primary-color);font-size:.9rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:var(--transition)}.skill-category:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 30px #00d4ff33}.skill-category-title{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.5rem 1rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:20px;font-size:.9rem;color:var(--text-secondary);transition:var(--transition)}.skill-tag:hover{background:#00d4ff33;color:var(--primary-color);transform:scale(1.05)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.project-card{padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;transition:var(--transition);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:var(--transition)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 20px 40px #00d4ff33}.project-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.project-name{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.project-status{padding:.3rem .8rem;background:#f59e0b33;border:1px solid var(--accent-color);border-radius:15px;font-size:.8rem;color:var(--accent-color)}.project-role{color:var(--primary-color);font-size:.9rem;margin-bottom:1rem}.project-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{padding:.3rem .8rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:15px;font-size:.8rem;color:var(--secondary-color)}.project-highlights{list-style:none;margin-bottom:1rem}.project-highlights li{padding-left:1.5rem;position:relative;color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.project-highlights li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.project-links{display:flex;gap:1rem}.project-link{color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.project-link:hover{color:var(--secondary-color)}.experience-content{max-width:900px;margin:0 auto}.experience-item{padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;margin-bottom:3rem;transition:var(--transition)}.experience-item:hover{border-color:var(--primary-color);transform:translate(10px)}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.experience-title{font-size:1.5rem;color:var(--text-primary)}.experience-period{color:var(--primary-color);font-weight:600}.experience-company{color:var(--text-secondary);margin-bottom:1rem}.experience-highlights{list-style:none}.experience-highlights li{padding-left:1.5rem;position:relative;color:var(--text-secondary);margin-bottom:.5rem}.experience-highlights li:before{content:"▹";position:absolute;left:0;color:var(--primary-color)}.achievements{margin-top:3rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.achievement-item{padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;display:flex;align-items:center;gap:1rem;transition:var(--transition)}.achievement-item:hover{border-color:var(--accent-color);transform:translateY(-5px)}.achievement-item i{font-size:1.5rem;color:var(--accent-color)}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:15px;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.contact-item:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translate(10px)}.contact-item i{font-size:1.5rem;color:var(--primary-color)}.contact-social{display:flex;justify-content:center;gap:2rem}.social-link{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.social-link:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-5px)}.social-link i{font-size:1.5rem}.footer{padding:2rem 0;text-align:center;border-top:1px solid var(--card-border);color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scrollDot{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;text-align:center}.about-image{width:250px;height:250px}.projects-grid,.education-list{grid-template-columns:1fr}}@media (max-width: 768px){.nav-menu{display:none}.nav-toggle{display:flex}.profile-image{width:150px;height:150px}.hero-name{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-cta{flex-direction:column}.section-title{font-size:2rem}.about-image{width:200px;height:200px}.about-stats,.skills-grid,.achievements-grid{grid-template-columns:1fr}.contact-social{flex-direction:column}}