*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.section-hidden{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.section-visible{animation:fadeInUp .8s ease-out forwards}.section-fade-out{animation:fadeOut .6s ease-out forwards}.container{margin:0 auto;max-width:1152px;padding:0 1rem}.section-padding{padding:1rem 0}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:1.5rem}.mb-16{margin-bottom:2rem}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000fa;border-bottom:1px solid #ffffff0d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:50}.nav-scrolled{background:#000000f2;box-shadow:0 4px 20px #00000080}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1152px;padding:1rem}.nav-logo{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:700;transition:all .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-desktop{display:none;gap:2rem}.nav-link{background:none;border:none;color:#9ca3af;cursor:pointer;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-link:after{background:linear-gradient(135deg,#60a5fa,#3b82f6);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link.active,.nav-link:hover{color:#fff}.nav-mobile-btn{background:none;border:none;color:#fff;cursor:pointer;display:block}.nav-mobile{background:#000000fa;border-top:1px solid #ffffff0d;padding:1rem 0}.nav-mobile .nav-link{display:block;padding:.5rem 0;text-align:left;width:100%}.nav-mobile .nav-link:after{display:none}.hero{align-items:center;background:radial-gradient(ellipse at top,#667eea1a,#0000),radial-gradient(ellipse at bottom,#764ba21a,#0000);display:flex;justify-content:center;min-height:90vh;padding-top:2rem;position:relative}.hero-content{margin:0 auto;max-width:1152px;padding:0 1rem;text-align:center}.profile-img{border:3px solid #667eea4d;border-radius:50%;box-shadow:0 0 40px #667eea4d;height:10rem;margin:0 auto 2rem;transition:all .3s ease;width:8rem}.profile-img:hover{box-shadow:0 0 60px #667eea80;transform:scale(1.05)}.hero-title{animation:fadeInUp 1s ease-out;background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{animation:fadeInUp 1.2s ease-out;color:#9ca3af;font-size:1.25rem;margin-bottom:2rem;max-width:48rem}.hero-description,.hero-subtitle{margin-left:auto;margin-right:auto}.hero-description{animation:fadeInUp 1.4s ease-out;color:#6b7280;font-size:1.125rem;line-height:1.75;margin-bottom:.25rem;max-width:32rem}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:9999px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #fff3;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-secondary:hover{border-color:#60a5fa;box-shadow:0 4px 15px #60a5fa33;color:#60a5fa;transform:translateY(-2px)}.bounce{animation:bounce 1s infinite;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;transition:color .3s}.bounce:hover{color:#60a5fa}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:4rem 0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.section-visible{opacity:1;transform:translateY(0)}.section-alt{background:#ffffff05}.section-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-content{color:#9ca3af;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.about-buttons{display:flex;flex-direction:column;gap:1rem}.btn-group{display:flex;flex-wrap:wrap;gap:1rem}.btn-outline{align-items:center;background:#ffffff05;border:1px solid #fff3;border-radius:.5rem;color:#fff;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-outline:hover{border-color:#60a5fa;box-shadow:0 4px 15px #60a5fa33;color:#60a5fa;transform:translateY(-2px)}.btn-solid{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:.5rem;box-shadow:0 4px 15px #60a5fa4d;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-solid:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.skills-category{margin-bottom:3rem}.skills-category:last-child{margin-bottom:0}.category-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.category-title.blue,.category-title.purple{color:#60a5fa}.category-title.green{color:#34d399}.category-title.orange{color:#fb923c}.category-title.pink{color:#f472b6}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.skill-item{text-align:center;transition:all .3s}.skill-icon{align-items:center;border:1px solid #374151;border-radius:.75rem;display:flex;height:4rem;justify-content:center;margin:0 auto .75rem;transition:all .3s;width:4rem}.skill-icon.blue{background:linear-gradient(90deg,#3b82f633,#60a5fa33)}.skill-icon.purple{background:linear-gradient(90deg,#60a5fa33,#3b82f633)}.skill-icon.green{background:linear-gradient(90deg,#22c55e33,#3b82f633)}.skill-icon.orange{background:linear-gradient(90deg,#f9731633,#ef444433)}.skill-icon.pink{background:linear-gradient(90deg,#ec489933,#60a5fa33)}.skill-item:hover .skill-icon{transform:scale(1.05)}.skill-item:hover .skill-icon.blue,.skill-item:hover .skill-icon.purple{border-color:#60a5fa}.skill-item:hover .skill-icon.green{border-color:#34d399}.skill-item:hover .skill-icon.orange{border-color:#fb923c}.skill-item:hover .skill-icon.pink{border-color:#f472b6}.skill-text{font-size:1.125rem;font-weight:700}.skill-text.blue,.skill-text.purple{color:#60a5fa}.skill-text.green{color:#34d399}.skill-text.orange{color:#fb923c}.skill-text.pink{color:#f472b6}.skill-name{color:#d1d5db;font-size:.875rem;font-weight:500;transition:color .3s}.skill-item:hover .skill-name.blue,.skill-item:hover .skill-name.purple{color:#60a5fa}.skill-item:hover .skill-name.green{color:#34d399}.skill-item:hover .skill-name.orange{color:#fb923c}.skill-item:hover .skill-name.pink{color:#f472b6}.projects-grid{grid-gap:2rem;display:grid;gap:2rem}.project-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:1rem;overflow:hidden;position:relative;transition:all .4s ease}.project-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.project-card:hover{border-color:#667eea80;box-shadow:0 20px 40px #667eea33;transform:translateY(-8px)}.project-card:hover:before{opacity:1}.project-image{height:12rem;object-fit:cover;position:relative;transition:transform .4s ease;width:100%;z-index:1}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:1.5rem;position:relative;z-index:1}.project-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-description{color:#9ca3af;line-height:1.6;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:9999px;color:#60a5fa;font-size:.875rem;padding:.35rem .85rem;transition:all .3s ease}.tech-tag:hover{background:#60a5fa40;border-color:#60a5fa80;transform:translateY(-2px)}.project-links{display:flex;gap:1rem}.project-link{align-items:center;color:#9ca3af;display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{color:#60a5fa;transform:translateX(4px)}.experience-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:1rem;display:flex;gap:1.5rem;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.experience-item:before{background:linear-gradient(135deg,#60a5fa,#3b82f6);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .4s ease;width:4px}.experience-item:hover:before{transform:scaleY(1)}.experience-item:hover{border-color:#60a5fa4d;box-shadow:0 10px 30px #60a5fa26;transform:translateX(8px)}.experience-number{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 4px 15px #60a5fa66;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:3.5rem;justify-content:center;transition:all .3s ease;width:3.5rem}.experience-item:hover .experience-number{transform:scale(1.1) rotate(5deg)}.experience-content{flex-grow:1}.experience-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.experience-company{color:#60a5fa;font-weight:500;margin-bottom:.5rem}.experience-description{color:#9ca3af;line-height:1.7}.experience-description a{border-bottom:1px solid #60a5fa4d;color:#60a5fa;text-decoration:none;transition:all .3s ease}.experience-description a:hover{border-bottom-color:#60a5fa;color:#60a5fa}.contact-content{margin:0 auto;max-width:32rem;text-align:center}.contact-description{color:#9ca3af;font-size:1.125rem;line-height:1.7;margin-bottom:3rem}.contact-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.contact-link{align-items:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:.5rem;color:#9ca3af;display:flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{border-color:#60a5fa80;box-shadow:0 4px 15px #60a5fa33;color:#60a5fa;transform:translateY(-2px)}.footer{background:#ffffff03;border-top:1px solid #ffffff0d;color:#6b7280;padding:2rem 0;text-align:center}@media (min-width:640px){.about-buttons,.hero-buttons{flex-direction:row}.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.nav-desktop{display:flex}.nav-mobile-btn{display:none}.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(5,1fr)}.projects-grid{grid-template-columns:repeat(3,1fr)}}.skills-category-box{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:1rem;box-shadow:0 4px 20px #0000004d;margin-bottom:2rem;padding:2rem;transition:all .4s ease}.skills-category-box:hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea26;transform:translateY(-4px)}.skills-category-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#fff;color:#0000;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:20px}.skill-item{align-items:center;display:flex;flex-direction:column;width:100px}.skill-logo{height:48px;margin-bottom:8px;width:48px}.skill-name{color:#e5e7eb;font-size:.9rem}
/*# sourceMappingURL=main.4ccf3953.css.map*/