:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary-color:#3b82f6;--secondary-color:#8b5cf6;--nav-bg:#0f172ab3;--card-bg:#ffffff0d;--card-border:#ffffff1a;--card-hover:#ffffff1a;--btn-text:#fff;--shadow-color:#00000080;--gradient-1:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-2:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%)}[data-theme=light]{--bg-color:#f8fafc;--text-color:#0f172a;--primary-color:#2563eb;--secondary-color:#7c3aed;--nav-bg:#f8fafcb3;--card-bg:#00000008;--card-border:#0000000d;--card-hover:#00000014;--btn-text:#fff;--shadow-color:#0000001a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}.bg-blob{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--primary-color);width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:var(--secondary-color);width:500px;height:500px;animation-delay:-5s;bottom:-200px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}#neuron-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;transition:padding .3s;display:flex;position:fixed;top:0}.nav-scrolled{box-shadow:0 4px 30px var(--shadow-color);padding:10px 5%}.logo{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--card-hover);transform:scale(1.1)}.theme-toggle i{font-size:1.2rem}.hamburger{cursor:pointer;color:var(--text-color);font-size:1.5rem;display:none}section{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 5% 60px;display:flex}.hero{justify-content:space-between;align-items:center;gap:2rem;display:flex}.hero-content{flex:1}.hero-content h1{margin-bottom:10px;font-size:4rem;font-weight:800;line-height:1.1}.hero-content h1 span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.typing-text{color:var(--text-color);opacity:.8;height:36px;margin-bottom:20px;font-size:1.5rem;font-weight:500}.hero-desc{color:var(--text-color);opacity:.7;max-width:500px;margin-bottom:30px;font-size:1.1rem}.hero-buttons{gap:15px;display:flex}.btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f699}.btn-secondary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:var(--card-hover);transform:translateY(-3px)}.hero-image{flex:1;justify-content:center;display:flex;position:relative}.image-container{background:var(--gradient-1);border-radius:50%;width:350px;height:350px;padding:10px;animation:8s ease-in-out infinite morph;position:relative}.image-container img{object-fit:cover;border:5px solid var(--bg-color);border-radius:50%;width:100%;height:100%;transition:border-color .3s}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:20px;padding:30px;transition:transform .3s,background .3s}.glass-card:hover{background:var(--card-hover);transform:translateY(-5px)}.section-title{text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:700}.section-title span{color:var(--primary-color)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.skill-item{align-items:center;gap:15px;display:flex}.skill-icon{background:var(--card-bg);border:1px solid var(--card-border);width:50px;height:50px;color:var(--primary-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.skill-info{flex:1}.skill-info h4{margin-bottom:5px;font-size:1.1rem}.progress-bar{background:var(--card-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress{background:var(--gradient-1);transform-origin:0;border-radius:4px;height:100%;transition:transform 1s cubic-bezier(.1,.5,.1,1);transform:scaleX(0)}.progress.animate{transform:scaleX(1)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.project-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.project-img{object-fit:cover;width:100%;height:200px;transition:transform .5s}.project-card:hover .project-img{transform:scale(1.05)}.project-content{flex-direction:column;flex:1;padding:20px;display:flex}.project-title{margin-bottom:10px;font-size:1.25rem;font-weight:600}.project-desc{color:var(--text-color);opacity:.7;flex:1;margin-bottom:20px;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tag{color:var(--primary-color);background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;padding:4px 10px;font-size:.8rem}.project-links{gap:10px;display:flex}.btn-icon{background:var(--card-bg);border:1px solid var(--card-border);width:40px;height:40px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.btn-icon:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}.filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;background:0 0;border-radius:20px;padding:8px 20px;font-family:inherit;font-weight:500;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.contact-container{grid-template-columns:1fr 2fr;gap:40px;display:grid}.contact-info{flex-direction:column;gap:30px;display:flex}.info-item{align-items:flex-start;gap:15px;display:flex}.info-icon{background:var(--card-bg);border:1px solid var(--card-border);width:50px;height:50px;color:var(--primary-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.info-text h4{margin-bottom:5px}.info-text p{color:var(--text-color);opacity:.7}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:.9rem;font-weight:500}.form-control{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-color);border-radius:10px;padding:15px;font-family:inherit;font-size:1rem;transition:all .3s}.form-control:focus{border-color:var(--primary-color);background:#ffffff14;outline:none}[data-theme=light] .form-control:focus{background:#0000000d}textarea.form-control{resize:vertical;min-height:150px}footer{text-align:center;border-top:1px solid var(--card-border);margin-top:60px;padding:40px 5%}.social-icons{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.social-icons a{background:var(--card-bg);border:1px solid var(--card-border);width:45px;height:45px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{background:var(--gradient-1);color:#fff;border-color:#0000;transform:translateY(-5px)}.footer-text{color:var(--text-color);opacity:.7;font-size:.9rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-text p{opacity:.8;margin-bottom:20px}.timeline{margin-top:40px;padding-left:30px;position:relative}.timeline:before{content:"";background:var(--card-border);width:2px;height:100%;position:absolute;top:0;left:0}.timeline-item{margin-bottom:30px;position:relative}.timeline-item:before{content:"";background:var(--primary-color);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg-color);border-radius:50%;position:absolute;top:5px;left:-35px}.timeline-date{color:var(--primary-color);margin-bottom:5px;font-size:.85rem;font-weight:600}.timeline-title{margin-bottom:5px;font-size:1.1rem;font-weight:600}.timeline-desc{opacity:.7;font-size:.9rem}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.error-msg{color:#ef4444;margin-top:5px;font-size:.8rem;display:none}.form-control.invalid{border-color:#ef4444}.form-control.invalid+.error-msg{display:block}.text-center{text-align:center}.mt-5{margin-top:3rem}.mb-5{margin-bottom:3rem}.page-header{text-align:center;min-height:auto;padding-top:150px;padding-bottom:40px}.page-content{min-height:auto;padding-top:40px;padding-bottom:100px}@media (width<=992px){.hero{text-align:center;flex-direction:column-reverse;padding-top:150px}.hero-buttons{justify-content:center}.hero-content h1{font-size:3rem}.hero-desc{margin:0 auto 30px}.about-grid,.contact-container{grid-template-columns:1fr}.contact-info{flex-flow:wrap}.info-item{flex:1;min-width:250px}}@media (width<=768px){.nav-links{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--card-border);flex-direction:column;justify-content:center;width:250px;height:100vh;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.hamburger{z-index:1001;display:block}.image-container{width:280px;height:280px}}@media (width<=480px){section{padding-top:100px;padding-left:20px;padding-right:20px}.page-header{padding-top:100px;padding-bottom:20px}.page-content{padding-top:20px;padding-bottom:60px}.hero-content h1{font-size:2.5rem}.typing-text{height:auto;min-height:30px;font-size:1.1rem}.image-container{width:240px;height:240px}.contact-info{flex-direction:column}.projects-grid,.skills-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;gap:15px}.hero-buttons .btn{justify-content:center;width:100%}.about-grid .about-text{padding:20px}}