@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--violet-500:#8b5cf6;--violet-600:#7c3aed;--cyan-500:#06b6d4;--cyan-600:#0891b2;--fuchsia-500:#d946ef;--fuchsia-600:#c026d3;--slate-900:#0f172a;--slate-950:#020617;--white:#fff;--gray-100:#f1f5f9;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-600:#475569;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.portfolio{background:linear-gradient(135deg, var(--slate-950) 0%, var(--slate-900) 50%, var(--slate-950) 100%);min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.hero-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.hero-shape{filter:blur(100px);opacity:.1;border-radius:50%;width:24rem;height:24rem;animation:20s ease-in-out infinite float;position:absolute}.hero-shape.shape-1{background:var(--violet-500);top:0;left:25%}.hero-shape.shape-2{background:var(--cyan-500);animation-delay:-10s;bottom:0;right:25%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-50px)scale(1.1)}}.navbar{z-index:1000;transition:var(--transition);padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617f2;box-shadow:0 10px 30px #8b5cf61a}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{cursor:pointer;z-index:1001;align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 4px 20px #8b5cf64d}.brand-icon i{color:var(--white);font-size:1.25rem}.brand-text{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{gap:.25rem;list-style:none;display:flex}.nav-link{color:var(--gray-300);transition:var(--transition);cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));color:var(--white);box-shadow:0 4px 20px #8b5cf64d}.mobile-toggle{color:var(--white);cursor:pointer;transition:var(--transition);z-index:1001;background:0 0;border:none;border-radius:.5rem;padding:.5rem;font-size:1.75rem;display:none}.mobile-toggle:hover{background:#ffffff0d}.hero{z-index:1;align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-text{animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px solid #8b5cf64d;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-title{margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1}.title-primary{color:var(--white);display:block}.title-gradient{background:linear-gradient(135deg, var(--violet-500), var(--fuchsia-500), var(--cyan-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{color:var(--gray-400);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.hero-description{color:var(--gray-400);max-width:36rem;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero-buttons{gap:1rem;margin-bottom:2rem;display:flex}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));color:var(--white)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 40px #8b5cf680}.btn-secondary{color:var(--white);background:0 0;border:2px solid #8b5cf680}.btn-secondary:hover{border-color:var(--violet-500);background:#8b5cf61a}.hero-social{gap:1rem;display:flex}.social-link{width:3rem;height:3rem;color:var(--white);transition:var(--transition);background:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;display:flex}.social-link:hover{background:#ffffff1a;transform:scale(1.1)}.social-link.hover-blue:hover{color:#3b82f6}.social-link.hover-gray:hover{color:#6b7280}.social-link.hover-pink:hover{color:#ec4899}.social-link.hover-blue-dark:hover{color:#1d4ed8}.social-link.hover-green:hover{color:#22c55e}.hero-image{justify-content:center;align-items:center;animation:1s ease-out .3s both fadeInUp;display:flex}.image-wrapper{width:24rem;height:24rem;position:relative}.image-ring{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));border-radius:50%;animation:20s linear infinite rotate;position:absolute;inset:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-container{background:var(--slate-950);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:.5rem;overflow:hidden}.image-container img{object-fit:cover;border-radius:50%;width:100%;height:100%}.image-fallback{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));justify-content:center;align-items:center;width:100%;height:100%;font-size:6rem;font-weight:700;display:flex}section{z-index:1;padding:6rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:linear-gradient(135deg, var(--violet-500), var(--cyan-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.section-line{background:linear-gradient(90deg, var(--violet-500), var(--cyan-500));border-radius:1rem;width:6rem;height:.25rem;margin:0 auto 1rem}.section-description{color:var(--gray-400);max-width:48rem;margin:0 auto;font-size:1.125rem}.about-content{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.about-cards{flex-direction:column;gap:1.5rem;display:flex}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.card-violet{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-color:#8b5cf633}.card-cyan{background:linear-gradient(135deg,#06b6d41a,#8b5cf61a);border-color:#06b6d433}.card-fuchsia{background:linear-gradient(135deg,#d946ef1a,#0000);border-color:#d946ef4d}.card-icon{width:3rem;height:3rem;color:var(--violet-500);margin-bottom:1rem}.card-icon i{font-size:3rem}.card-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.card-text{color:var(--gray-400);line-height:1.7}.about-info{flex-direction:column;gap:1rem;display:flex}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:1.5rem}.info-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.info-header i{color:var(--violet-500);font-size:1.5rem}.info-header h4{font-size:1.25rem;font-weight:600}.info-card p{color:var(--gray-400);line-height:1.7}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.stat-item{text-align:center;border:1px solid;border-radius:.75rem;padding:1.5rem 1rem}.stat-violet{background:linear-gradient(135deg,#8b5cf633,#0000);border-color:#8b5cf64d}.stat-cyan{background:linear-gradient(135deg,#06b6d433,#0000);border-color:#06b6d44d}.stat-fuchsia{background:linear-gradient(135deg,#d946ef33,#0000);border-color:#d946ef4d}.stat-number{font-size:2rem;font-weight:700}.stat-violet .stat-number{color:var(--violet-500)}.stat-cyan .stat-number{color:var(--cyan-500)}.stat-fuchsia .stat-number{color:var(--fuchsia-500)}.stat-label{color:var(--gray-400);margin-top:.25rem;font-size:.875rem}.skills{background:#ffffff05}.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:4rem;display:grid}.skill-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);background:linear-gradient(135deg,#ffffff0d,#0000);border:1px solid #ffffff1a;border-radius:.75rem;padding:1.5rem}.skill-item:hover{border-color:#8b5cf680;transform:translateY(-5px)}.skill-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.skill-info{align-items:center;gap:.75rem;display:flex}.skill-icon{width:2.5rem;height:2.5rem;color:var(--violet-500);transition:var(--transition);background:linear-gradient(135deg,#8b5cf633,#06b6d433);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.skill-item:hover .skill-icon{transform:scale(1.1)}.skill-info h3{font-size:1.125rem;font-weight:600}.skill-percent{color:var(--violet-500);font-size:1.5rem;font-weight:700}.skill-bar{background:#ffffff1a;border-radius:1rem;width:100%;height:.75rem;overflow:hidden}.skill-progress{background:linear-gradient(90deg, var(--violet-500), var(--cyan-500));border-radius:1rem;height:100%;transition:width 1s ease-out}.additional-skills{text-align:center}.skills-subtitle{color:var(--gray-400);margin-bottom:1.5rem;font-size:1.125rem}.tech-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.tech-tag{color:var(--gray-300);transition:var(--transition);cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem}.tech-tag:hover{background:#8b5cf61a;border-color:#8b5cf680}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);background:linear-gradient(135deg,#ffffff0d,#0000);border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden}.project-card:hover{border-color:#8b5cf680;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #8b5cf633}.project-header{height:.5rem}.project-body{padding:1.5rem}.project-title{transition:var(--transition);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.project-card:hover .project-title{color:var(--violet-500)}.project-description{color:var(--gray-400);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-tag{color:var(--gray-300);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem}.project-link{color:var(--violet-500);transition:var(--transition);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--violet-600)}.project-link i{transition:var(--transition)}.project-link:hover i{transform:translate(4px,-4px)}.contact{background:#ffffff05}.contact-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:var(--transition);border:1px solid;border-radius:1rem;padding:2rem}.contact-card:hover{transform:scale(1.05)}.contact-card i{margin-bottom:1rem;font-size:2.5rem}.contact-card.card-violet i{color:var(--violet-500)}.contact-card.card-cyan i{color:var(--cyan-500)}.contact-card.card-fuchsia i{color:var(--fuchsia-500)}.contact-card h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.contact-card a,.contact-card p{color:var(--gray-400);transition:var(--transition);word-break:break-all;text-decoration:none}.contact-card a:hover{color:var(--violet-500)}.contact-social{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.social-btn{color:var(--white);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;display:flex}.social-btn:hover{background:#ffffff1a;transform:scale(1.05)}.social-btn i{font-size:1.25rem}.contact-cta{text-align:center}.footer{text-align:center;border-top:1px solid #ffffff1a;padding:2rem 0}.footer p{color:var(--gray-400);margin-bottom:.5rem}.footer-subtitle{font-size:.875rem}@media (max-width:1024px){.hero-title{font-size:3rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;transition:var(--transition);background:#020617fa;border-top:1px solid #ffffff1a;flex-direction:column;gap:.5rem;padding:2rem;position:fixed;top:5rem;left:-100%}.nav-menu.active{left:0}.nav-link{text-align:left;width:100%}.mobile-toggle{display:block}.hero-content,.about-content{text-align:center;grid-template-columns:1fr}.hero-text{order:2}.hero-image{order:1}.hero-title{font-size:2.5rem}.hero-buttons,.hero-social{justify-content:center}.image-wrapper{width:18rem;height:18rem}.skills-grid,.projects-grid,.contact-grid,.stats{grid-template-columns:1fr}}@media (max-width:480px){.hero-title,.section-title{font-size:2rem}.btn{justify-content:center;width:100%}.hero-buttons{flex-direction:column}}