.external-background{background:linear-gradient(180deg,#08191c,#0f141a,#17201d);background-attachment:fixed;background-size:cover;background-position:center;position:relative}.external-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/svg/pattern-bg.svg);background-size:cover;opacity:.05;pointer-events:none;z-index:0}.profile-container{position:relative;min-height:100vh;z-index:1}.profile-header{position:relative;padding-top:7rem;padding-bottom:3rem;margin-bottom:3rem;background:linear-gradient(to bottom,#08191ce6,#0f141ae6);border-bottom:1px solid rgba(79,235,201,.1)}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/svg/pattern-bg.svg);background-size:cover;opacity:.1;z-index:-1}.profile-sidebar{position:sticky;top:2rem}.profile-avatar{width:180px;height:180px;object-fit:cover;border:4px solid var(--bs-secondary);box-shadow:0 10px 20px #0003}.profile-name{font-family:Krona One,sans-serif;color:var(--bs-white);margin-top:1.5rem;margin-bottom:.5rem}.profile-username{color:var(--bs-primary);font-weight:600;margin-bottom:.5rem}.profile-occupation{color:#fffc;margin-bottom:1.5rem}.profile-card{background-color:#0f141a80;border-radius:16px;border:1px solid rgba(79,235,201,.1);padding:1.5rem;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.profile-card-title{font-family:Krona One,sans-serif;font-size:1.25rem;color:var(--bs-white);margin-bottom:1.5rem;display:flex;align-items:center}.profile-card-title i{color:var(--bs-primary);margin-right:.75rem;font-size:1.4rem}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{background-color:#08191ccc;border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;transition:all .3s ease}.skill-item:hover{background-color:#4febc91a}.skill-item i{margin-right:.5rem;color:var(--bs-secondary)}.programs-container{display:flex;flex-wrap:wrap;gap:.75rem}.program-item{background-color:#08191ccc;border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;transition:all .3s ease}.program-item:hover{background-color:#4febc91a}.program-item i{margin-right:.5rem;color:var(--bs-primary)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#4febc91a;color:var(--bs-primary);font-size:1.2rem;transition:all .3s ease}.social-link:hover{background-color:var(--bs-primary);color:var(--bs-info);transform:translateY(-3px)}.projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.project-card{background-color:#0f141a80;border-radius:16px;border:1px solid rgba(79,235,201,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.project-image{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-info{padding:1.25rem}.project-title{font-family:Krona One,sans-serif;font-size:1.1rem;color:var(--bs-white);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-category{display:inline-block;background-color:var(--bs-secondary);color:var(--bs-white);padding:.25rem .75rem;border-radius:50px;font-size:.8rem;margin-bottom:.5rem}@media (max-width: 991.98px){.profile-header{text-align:center;padding-top:5rem;padding-bottom:2rem}.profile-avatar{width:150px;height:150px;margin:0 auto}.projects-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 767.98px){.profile-card{padding:1.25rem}.projects-container{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.project-image{height:220px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}