.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-speed) ease;z-index:100;padding:1.5rem;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-width-collapsed);padding:1.5rem .75rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;height:40px}.sidebar.collapsed .sidebar-header{justify-content:center}.logo-text{font-size:1.5rem;font-weight:800;color:var(--accent-primary);white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .2s}.sidebar.collapsed .logo-text{display:none;opacity:0}.toggle-btn{color:var(--text-secondary);padding:.5rem;border-radius:.5rem;transition:all .2s}.toggle-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-links{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;color:var(--text-secondary);transition:all .2s;white-space:nowrap;overflow:hidden}.nav-item:hover,.nav-item.active{background-color:var(--bg-tertiary);color:var(--accent-primary)}.nav-item svg{min-width:24px}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:auto;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.lang-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;color:var(--text-secondary)}.lang-switch:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)}.sidebar.open{transform:translate(0)}.mobile-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:101;background-color:var(--bg-secondary);padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color)}}.footer{padding:2rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;text-align:center;color:var(--text-secondary)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links{display:flex;gap:1.5rem}.social-link{color:var(--text-secondary);transition:color .2s}.social-link:hover{color:var(--accent-primary)}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-speed) ease;display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary)}.main-content.collapsed{margin-left:var(--sidebar-width-collapsed)}.page-container{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.mobile-header{display:none;padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}@media (max-width: 768px){.main-content{margin-left:0!important}.mobile-header{display:flex}}.about-container{animation:fadeIn .5s ease-in-out}.profile-section{display:flex;gap:2rem;margin-bottom:3rem;align-items:flex-start}.profile-image{width:300px;border-radius:20px;box-shadow:0 10px 30px -10px #00000080}.profile-text{flex:1}.profile-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.link-highlight{color:var(--accent-primary);font-weight:600;text-decoration:underline;text-decoration-color:transparent;transition:all .2s}.link-highlight:hover{text-decoration-color:var(--accent-primary)}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--accent-primary);border-bottom:1px solid var(--border-color);padding-bottom:1rem}.education-list{display:grid;gap:2rem;margin-bottom:3rem}.education-item h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.info-row{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.95rem}.info-item{display:flex;align-items:center;gap:.5rem}.tech-stack{margin-bottom:3rem}.tech-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.tech-item{width:64px;height:64px;padding:10px;background-color:#f0f0f0;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.tech-item:hover{transform:translateY(-5px);background-color:#fff}.tech-item img{width:100%;height:100%;object-fit:contain}@media (max-width: 768px){.profile-section{flex-direction:column;align-items:center;text-align:center}.profile-image{width:200px;margin-bottom:1rem}.info-row{flex-direction:column;gap:.5rem;align-items:flex-start}}.history-container{animation:fadeIn .5s ease-in-out}.timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--border-color);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:4rem;width:100%;display:flex;justify-content:center}.timeline-content{position:relative;width:45%;background-color:var(--bg-secondary);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--accent-primary)}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto}.timeline-item:nth-child(even) .timeline-content{margin-left:auto}.timeline-dot{position:absolute;left:50%;top:2rem;width:16px;height:16px;background-color:var(--accent-primary);border-radius:50%;transform:translate(-50%);border:4px solid var(--bg-primary);z-index:1}.company-logo{width:100%;height:80px;object-fit:contain;margin-bottom:1rem;padding:.5rem;border-radius:.5rem;background-color:#ffffff1a}.job-role{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.job-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.detail-row a{color:var(--accent-primary);text-decoration:none}.detail-row a:hover{text-decoration:underline}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{justify-content:flex-start;padding-left:50px}.timeline-content{width:100%}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{margin:0}.timeline-dot{left:20px}}.contact-container{animation:fadeIn .5s ease-in-out;max-width:600px;margin:0 auto}.contact-headline{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-secondary);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.form-group textarea{min-height:150px;resize:vertical}.error-message{color:#ef4444;font-size:.85rem}.submit-btn{background-color:var(--accent-primary);color:#fff;padding:1rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.submit-btn:hover{background-color:var(--accent-secondary)}.submit-btn:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;color:var(--text-secondary)}.linkedin-contact{text-align:center;margin-top:2rem;color:var(--text-secondary)}.linkedin-contact a{color:var(--accent-primary);font-weight:600}.linkedin-contact a:hover{text-decoration:underline}.services-container{animation:fadeIn .5s ease-in-out}.services-headline{text-align:center;font-style:italic;color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem}.services-list{display:flex;flex-direction:column;gap:3rem}.service-item{display:flex;background-color:var(--bg-secondary);border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color);transition:transform .3s ease}.service-item:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.service-item.reverse{flex-direction:row-reverse}.service-image{width:40%;background-position:center;background-size:cover;background-repeat:no-repeat;min-height:250px}.service-content{width:60%;padding:2rem;display:flex;flex-direction:column;justify-content:center}.service-content h3{color:var(--accent-primary);margin-bottom:1rem}.service-content p{text-align:justify;margin-bottom:0}@media (max-width: 768px){.service-item,.service-item.reverse{flex-direction:column}.service-image{width:100%;height:200px;min-height:200px}.service-content{width:100%;padding:1.5rem}}.notfound-container{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:fadeIn .5s ease-in-out}.notfound-content{text-align:center;padding:2rem}.notfound-code{font-size:8rem;font-weight:900;color:var(--accent-primary);margin:0;line-height:1;text-shadow:0 0 30px rgba(99,102,241,.3)}.notfound-title{font-size:2rem;color:var(--text-primary);margin:1rem 0}.notfound-message{font-size:1.2rem;color:var(--text-secondary);margin:1.5rem 0 2.5rem}.notfound-button{display:inline-block;padding:1rem 2rem;background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.notfound-button:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--border-color: #334155;--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--header-height: 64px;--transition-speed: .3s;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:3rem;margin-bottom:1.5rem}h2{font-size:2.25rem;margin-bottom:1.25rem}h3{font-size:1.5rem;margin-bottom:1rem}p{color:var(--text-secondary);margin-bottom:1rem}.text-accent{color:var(--accent-primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}