@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--main-bg-color: #130e17;--secondary-bg-color: #1f1b24;--card-border-color: #a587ca;--fancy-color: #3f51b5}body{background-color:var(--main-bg-color);color:#fff;font-family:Montserrat,sans-serif}.main-card{width:300px;background-color:var(--secondary-bg-color);color:#fff;font-family:Montserrat,sans-serif;border-radius:8px;padding:20px;margin:20px;box-shadow:0 4px 8px #0003;border:1px solid var(--card-border-color)}.main-card img{width:100%;object-fit:cover;opacity:1;top:0;left:0}.text-fancy{font-family:Montserrat,sans-serif;color:var(--fancy-color)}:root{--bg-dark: #0f0c1b;--bg-sidebar: rgba(25, 20, 35, .7);--accent-color: #a587ca;--text-main: #f8f9fa;--text-muted: #8b8a96}html,body,#app{height:100vh;margin:0;font-family:Montserrat,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}.portfolio-layout{display:flex;height:100vh;width:100vw;background:radial-gradient(circle at top right,rgba(165,135,202,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(63,81,181,.1),transparent 40%)}.modern-sidebar{width:280px;background-color:var(--bg-sidebar);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;z-index:1040}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:2rem 1.5rem}.brand-avatar{max-width:140px;height:auto;object-fit:contain;margin-bottom:10px}.brand-name{font-size:1.5rem;font-weight:700;margin-bottom:0;letter-spacing:1px}.brand-title{font-size:.9rem;font-weight:400}.nav-menu{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:15px;padding:12px 20px;color:var(--text-muted);text-decoration:none;font-weight:500;border-radius:12px;transition:all .3s ease}.text-muted{color:var(--text-muted)!important}.nav-link i{font-size:1.2rem;width:24px;text-align:center;transition:transform .3s ease}.nav-link:hover{background-color:#ffffff0d;color:var(--text-main)}.nav-link:hover i{transform:scale(1.1);color:var(--accent-color)}.nav-link.active{background:linear-gradient(90deg,rgba(165,135,202,.15) 0%,transparent 100%);color:var(--text-main);border-left:4px solid var(--accent-color);font-weight:600}.nav-link.active i{color:var(--accent-color)}.social-section{display:flex;justify-content:center;gap:1rem}.social-icon{color:var(--text-muted);font-size:1.5rem;transition:all .3s ease}.social-icon:hover{color:var(--accent-color);transform:translateY(-3px)}.main-content{flex-grow:1;height:100vh;overflow-y:auto;position:relative;scroll-behavior:smooth}.content-wrapper{padding:3rem 4rem;max-width:1200px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#3a3645;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-20px)}@media(max-width:768px){.portfolio-layout{flex-direction:column}.modern-sidebar{position:fixed;top:0;left:0;width:100%;height:70px;overflow:hidden;background-color:#0f0c1bfa;transition:height .3s ease}.modern-sidebar.menu-open{height:100vh}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-logo{height:40px;width:auto;object-fit:contain}.mobile-name{font-size:1.2rem;font-weight:700;color:var(--text-main)}.mobile-toggle{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.sidebar-content{opacity:0;visibility:hidden;transition:opacity .3s ease;padding-top:2rem}.modern-sidebar.menu-open .sidebar-content{opacity:1;visibility:visible}.content-wrapper{padding:6rem 1.5rem 2rem}}.ratio-16x9[data-v-c13597a5]{background:#000}