:root{--bg-main:#0b0f19;--bg-card:rgba(17,24,39,.7);--bg-nav:rgba(11,15,25,.8);--accent:#6366f1;--accent-glow:rgba(99,102,241,.15);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:hsla(0,0%,100%,.08);--font-sans:"Plus Jakarta Sans","Inter",-apple-system,sans-serif;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:var(--accent);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:#818cf8}.layout-container{display:flex;min-height:100vh}.side-nav{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:#0d111d;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;z-index:100;transition:var(--transition-smooth)}.profile-container{text-align:center;margin-bottom:2.5rem;position:relative}.profile-img-wrapper{position:relative;width:140px;height:140px;margin:0 auto 1.2rem;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--accent),#ec4899)}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #0d111d;background-color:#1f2937}.profile-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.profile-title{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.nav-links{list-style:none;width:100%;display:flex;flex-direction:column;gap:.5rem}.nav-link-item a{display:flex;align-items:center;padding:.8rem 1.2rem;color:var(--text-secondary);font-size:.95rem;font-weight:500;border-radius:12px;transition:var(--transition-smooth)}.nav-link-item a:hover,.nav-link-item.active a{color:var(--text-primary);background-color:rgba(99,102,241,.1);border-left:3px solid var(--accent)}.main-content{margin-left:280px;flex-grow:1;padding:3rem 4rem;max-width:1100px;width:calc(100% - 280px)}.section-wrapper{padding:4rem 0;border-bottom:1px solid var(--border)}.section-wrapper:last-child{border-bottom:none}.section-title{font-size:2.25rem;font-weight:800;margin-bottom:3rem;position:relative;display:inline-block;background:linear-gradient(135deg,#fff 30%,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:4px;background:var(--accent);border-radius:2px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 15px var(--accent-glow)}.timeline{padding-left:2rem;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:2.5rem}.timeline,.timeline-item{position:relative}.timeline-dot{position:absolute;left:-2.45rem;top:.5rem;width:12px;height:12px;border-radius:50%;background-color:var(--accent);border:3px solid var(--bg-main);box-shadow:0 0 10px var(--accent)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.timeline-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.timeline-subtitle{font-size:.95rem}.timeline-date,.timeline-subtitle{color:var(--accent);font-weight:600}.timeline-date{font-size:.85rem;padding:.25rem .75rem;background-color:rgba(99,102,241,.1);border-radius:20px;border:1px solid rgba(99,102,241,.2)}.timeline-body{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:1.25rem;gap:1.25rem}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-align:center;transition:var(--transition-smooth)}.skill-card:hover{border-color:var(--accent);background-color:rgba(99,102,241,.05);transform:translateY(-2px)}.skill-icon{font-size:2.5rem;margin-bottom:.75rem;color:var(--text-secondary);transition:var(--transition-smooth)}.skill-card:hover .skill-icon{color:var(--accent);transform:scale(1.1)}.skill-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.badge-row{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.badge-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);padding:1.2rem;border-radius:14px;flex:1 1;min-width:250px;transition:var(--transition-smooth)}.badge-card:hover{border-color:rgba(236,72,153,.3);transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.badge-img{width:60px;height:60px;object-fit:contain}.badge-info{display:flex;flex-direction:column}.badge-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3}.badge-issuer{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.social-list{display:flex;gap:1rem;list-style:none}.social-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:50%;font-size:1.2rem;transition:var(--transition-smooth)}.social-btn:hover{color:#fff;background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(99,102,241,.4);transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff!important;font-size:.95rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:var(--transition-smooth)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(99,102,241,.4)}.menu-toggle{display:none;position:fixed;top:1rem;right:1rem;background-color:#0d111d;border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:8px;z-index:200;cursor:pointer}@media (max-width:991.98px){.side-nav{transform:translateX(-100%);width:250px}.side-nav.active{transform:translateX(0)}.main-content{margin-left:0;width:100%;padding:2rem}.menu-toggle{display:block}.layout-container,.timeline-header{flex-direction:column}.timeline-header{align-items:flex-start}}.photo-profile{width:50px;margin-right:10px}.content{width:600px;padding:60px 60px 30px}.role-label{font-size:12px;margin-top:0}.sidebar{color:#444343;width:200px;padding:60px 16px 20px 14px;height:4000;font-size:10px;line-height:1rem}.sidebar>strong{font-size:14px}.sidebar>.div-link>a{color:#494949}.div-link{margin-bottom:8px;font-size:12px}.title-name{color:#434347;font-size:18px;font-weight:700;margin-bottom:0}.subtitle{color:#6b669a;font-size:14px;font-weight:700;margin-top:34px;margin-bottom:5px}.subtitle-2{color:#434347;font-size:12px;font-weight:700;margin-top:18px;margin-bottom:0}.date-title{font-size:8px;margin-top:0}.text-1{font-size:10px;color:#434343;margin-top:6px}div.progressbar{background-color:#494949;border-radius:1px;padding:0}div.progressbar>div{background-color:#7a79a8;height:5px;border-radius:1px}