header{z-index:1000;width:100%;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0}nav{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--light);align-items:center;font-size:24px;font-weight:700;text-decoration:none;display:flex}.logo span{color:var(--primary-light)}.logo-circle{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:18px;display:flex}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--light);transition:var(--transition);padding:5px 0;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:linear-gradient(to right,var(--primary-light),var(--secondary));width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a.active{color:var(--primary-light)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.burger{cursor:pointer;width:30px;height:20px;display:none;position:relative}.burger span{background:var(--light);width:100%;height:2px;transition:var(--transition);border-radius:2px;display:block;position:absolute}.burger span:first-child{top:0}.burger span:nth-child(2){top:9px}.burger span:nth-child(3){top:18px}.burger.active span:first-child{top:9px;transform:rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){top:9px;transform:rotate(-45deg)}@media (max-width:992px){.hero{text-align:center;flex-direction:column-reverse;padding:120px 0 60px}.hero-content{margin-top:40px}.cta-buttons{justify-content:center}.about-content{flex-direction:column}.contact-container{grid-template-columns:1fr}.timeline-item{width:100%;padding-left:70px;padding-right:25px;left:0}.timeline:after{left:31px}.timeline-item:after{left:21px}}@media (max-width:768px){.nav-links{background-color:var(--dark);flex-direction:column;width:100%;padding:20px;display:none;position:absolute;top:70px;left:0;box-shadow:0 5px 15px #0000001a}.nav-links.active{display:flex}.burger{display:block}.projects-grid{grid-template-columns:1fr}}
.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:4rem 1.5rem;display:flex}.hero-content{max-width:700px}.hero-subtitle{color:var(--secondary);margin-bottom:1rem;font-size:1.25rem;font-weight:500}.hero h1{background:linear-gradient(90deg,var(--light)0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);line-height:1.2}.hero p{color:var(--gray);max-width:600px;margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.25rem)}.tech-stack{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tech-badge{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.cta-buttons{gap:1.5rem;display:flex}.btn{border-radius:.375rem;padding:.75rem 1.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);color:#fff;box-shadow:0 5px 15px #8a2be233}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8a2be24d}.btn-outline{color:var(--light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3}.btn-outline:hover{border-color:var(--primary-light);background-color:#8a2be21a;transform:translateY(-3px)}.shapes{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{background:linear-gradient(45deg,var(--primary),var(--secondary));opacity:.1;filter:blur(20px);border-radius:50%;position:absolute}.shape-1{width:300px;height:300px;animation:15s infinite alternate float;top:20%;left:10%}.shape-2{width:400px;height:400px;animation:20s infinite alternate-reverse float;top:60%;right:10%}.shape-3{width:200px;height:200px;animation:18s infinite alternate float;bottom:10%;left:30%}@keyframes float{0%{transform:translate(0)rotate(0)}50%{transform:translate(20px,20px)rotate(10deg)}to{transform:translate(-20px,-20px)rotate(-10deg)}}@media (max-width:640px){.hero{min-height:auto;padding:3rem 1.25rem}.hero-subtitle{font-size:1rem}.hero h1{font-size:2.4rem;line-height:1.15}.hero p{margin-bottom:1.5rem;font-size:1rem}.tech-stack{gap:.5rem}.tech-badge{padding:.4rem .75rem;font-size:.75rem}.cta-buttons{flex-direction:column;gap:1rem}.btn{text-align:center;width:100%}.shape{filter:blur(30px)}.shape-1,.shape-2,.shape-3{width:180px;height:180px}}@media (max-width:1024px){.hero{padding:4rem 2rem}.hero h1{font-size:3rem}.hero p{font-size:1.1rem}.cta-buttons{gap:1rem}}
.section{border-bottom:1px solid #ffffff0d;padding:6rem 0;position:relative}.section-title{background:linear-gradient(90deg,var(--light)0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4rem;font-size:2.5rem;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);border-radius:4px;width:60px;height:4px;position:absolute;bottom:-.5rem;left:0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-image{border:1px solid #ffffff1a;border-radius:12px;width:100%;height:100%;box-shadow:0 10px 30px #0000004d}.about-content h3{color:var(--primary-light);margin-bottom:1.5rem;font-size:1.75rem}.about-content p{color:var(--gray);margin-bottom:1.5rem}.about-stats{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem;display:grid}.stat-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.stat-item:hover{border-color:#8a2be24d;transform:translateY(-5px);box-shadow:0 10px 20px #8a2be21a}.stat-number{background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--gray);font-size:.875rem}@media (max-width:1024px){.section-title{font-size:2.2rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-image{max-width:500px;margin:0 auto}}@media (max-width:640px){.cta-buttons{flex-direction:column;gap:1rem}.btn{text-align:center;width:100%}.section{padding:4rem 0}.section-title{margin-bottom:3rem;font-size:1.8rem}.about-stats{grid-template-columns:1fr}}
.section-title{background:linear-gradient(90deg,var(--light)0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4rem;font-size:2.5rem;display:inline-block;position:relative}.tech-stack{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tech-badge{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.skill-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:20px;padding:30px}.skill-item:hover{border-color:#8a2be24d;transform:translateY(-5px);box-shadow:0 10px 20px #8a2be21a}.skill-title{color:var(--primary-light);margin-bottom:.5rem}
.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.project-card{background-color:var(--light);box-shadow:var(--shadow);transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:20px;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-img{height:200px;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.project-card:hover .project-img img{transform:scale(1.05)}.project-content{padding:20px}.project-title{color:var(--primary-light);margin-bottom:.5rem}.project-description{color:var(--gray);margin-bottom:15px;font-size:.875rem}.project-tags{flex-wrap:wrap;gap:5px;margin-bottom:15px;display:flex}.project-tag{background-color:var(--gray);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.project-links{gap:10px;display:flex}.project-link{color:var(--secondary);align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}
.timeline{max-width:800px;margin:0 auto;padding-left:20px;padding-right:20px;position:relative}.timeline:after{content:"";background-color:var(--border);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding:20px 40px;position:relative}.timeline-item:nth-child(odd){text-align:right;left:0}.timeline-item:nth-child(2n){text-align:left;left:50%}.timeline-item:after{content:"";background-color:var(--primary);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;top:25px;right:-10px}.timeline-item:nth-child(2n):after{left:-10px}.timeline-content{box-shadow:var(--shadow);transition:var(--transition);color:var(--gray);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:20px;padding:20px}.timeline-date{color:var(--secondary);margin-bottom:8px;font-weight:600}.timeline-role{color:var(--primary-light);margin-bottom:6px;font-size:1.25rem}.timeline-company{color:var(--light);margin-bottom:12px;font-style:italic}@media (max-width:992px){.timeline{padding-left:0}.timeline:after{left:20px}.timeline-item{width:100%;padding:20px 20px 20px 60px;text-align:left!important;left:0!important}.timeline-item:after{right:auto;left:10px!important}}@media (max-width:576px){.timeline{padding-left:0;padding-right:0}.timeline:after{left:16px}.timeline-item{padding:20px 15px 20px 55px}.timeline-item:after{left:6px}.timeline-role{font-size:1.1rem}.timeline-content{border-radius:16px;padding:16px}}
.contact-form-wrapper{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid #ffffff14;padding:50px;animation:.6s fadeInUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-form-wrapper:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));height:4px;position:absolute;top:0;left:0;right:0}.form-header{text-align:center;margin-bottom:30px}.form-header h2{margin-bottom:10px;font-size:1.8rem}.form-header p{color:var(--gray);font-size:.95rem}.form-group{margin-bottom:25px;position:relative}.form-group label{color:var(--light);margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}.form-group label i{color:var(--primary-light);margin-right:8px}.form-group label .required{color:var(--error);margin-left:4px}.input-wrapper{position:relative}.form-control{width:100%;color:var(--light);transition:var(--transition);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:15px 45px 15px 18px;font-family:inherit;font-size:1rem}.form-control:focus{border-color:var(--primary);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.form-control::placeholder{color:var(--gray)}.form-control.valid{border-color:var(--success)}.form-control.invalid{border-color:var(--error);animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}textarea.form-control{resize:vertical;min-height:150px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.btn-submit{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:16px 32px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 5px 20px #6d28d966}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #6d28d999}.btn-submit:active:not(:disabled){transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit i{font-size:1.1rem}@media (max-width:768px){body{padding:20px 15px}.section-title h1{font-size:2.2rem}.contact-form-wrapper{padding:30px 25px}.form-row{grid-template-columns:1fr}.form-header h2{font-size:1.5rem}}