:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-card:#ffffff;--bg-sidebar:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-sidebar:#e2e8f0;--text-sidebar-active:#ffffff;--border-color:#e2e8f0;--primary:#0d7377;--primary-light:#0e9aa0;--accent:#f59e0b;--accent-light:#fbbf24;--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--sidebar-width:240px;--mobile-header-height:56px;--tag-voip:#ecfdf5;--tag-voip-text:#065f46;--tag-voip-border:#a7f3d0;--tag-system:#eff6ff;--tag-system-text:#1e40af;--tag-system-border:#bfdbfe;--tag-devops:#fef3c7;--tag-devops-text:#92400e;--tag-devops-border:#fde68a;--tag-lang:#fce7f3;--tag-lang-text:#9d174d;--tag-lang-border:#fbcfe8;--tag-debug:#fef2f2;--tag-debug-text:#991b1b;--tag-debug-border:#fecaca;--tag-ai:#f5f3ff;--tag-ai-text:#5b21b6;--tag-ai-border:#ddd6fe}[data-theme="dark"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-sidebar:#020617;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-sidebar:#94a3b8;--text-sidebar-active:#ffffff;--border-color:#334155;--shadow:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.2);--primary:#2dd4bf;--primary-light:#5eead4;--accent:#f59e0b;--accent-light:#fbbf24;--tag-voip:#064e3b;--tag-voip-text:#a7f3d0;--tag-voip-border:#065f46;--tag-system:#1e3a5f;--tag-system-text:#bfdbfe;--tag-system-border:#1e40af;--tag-devops:#78350f;--tag-devops-text:#fde68a;--tag-devops-border:#92400e;--tag-lang:#831843;--tag-lang-text:#fbcfe8;--tag-lang-border:#9d174d;--tag-debug:#7f1d1d;--tag-debug-text:#fecaca;--tag-debug-border:#991b1b;--tag-ai:#4c1d95;--tag-ai-text:#ddd6fe;--tag-ai-border:#5b21b6}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color 0.3s ease,color 0.3s ease}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}ul{list-style:none}img{max-width:100%;display:block}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);background:var(--bg-sidebar);color:var(--text-sidebar-active);padding:0 1rem;align-items:center;justify-content:space-between;z-index:1000}.mobile-header-name{font-weight:600;font-size:1.1rem}.hamburger{background:none;border:none;cursor:pointer;padding:0.5rem;display:flex;flex-direction:column;gap:5px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-sidebar-active);transition:transform 0.3s ease,opacity 0.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);color:var(--text-sidebar);padding:2rem 1.25rem;display:flex;flex-direction:column;z-index:999;overflow-y:auto}.sidebar-profile{text-align:center;margin-bottom:2rem}.sidebar-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 0.75rem;border:3px solid var(--primary)}.sidebar-name{font-size:1.1rem;font-weight:600;color:var(--text-sidebar-active)}.version-nav{display:flex;gap:0.5rem;justify-content:center;margin-bottom:1rem}.version-pill{font-size:0.75rem;font-weight:600;padding:0.2rem 0.6rem;border-radius:50px;border:1px solid var(--primary);color:var(--primary);text-decoration:none;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease}.version-pill:hover{background:var(--primary);color:var(--bg-sidebar)}.version-pill.active{background:var(--primary);color:var(--bg-sidebar);pointer-events:none}.nav-links{flex:1}.nav-link{display:block;padding:0.6rem 0.75rem;color:var(--text-sidebar);border-radius:8px;font-size:0.9rem;font-weight:500;transition:background-color 0.2s ease,color 0.2s ease;margin-bottom:2px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,0.1);color:var(--text-sidebar-active)}.nav-link.active{border-left:3px solid var(--accent);padding-left:calc(0.75rem - 3px)}.theme-toggle{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:0.6rem;cursor:pointer;color:var(--text-sidebar);font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:background-color 0.2s ease;margin-top:1rem}.theme-toggle:hover{background:rgba(255,255,255,0.15)}.theme-icon.moon{display:none}[data-theme="dark"] .theme-icon.sun{display:none}[data-theme="dark"] .theme-icon.moon{display:inline}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.section{padding:4rem 3rem;border-bottom:1px solid var(--border-color)}.section:last-child{border-bottom:none}.section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:2rem;position:relative;padding-bottom:0.75rem}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary);border-radius:2px}.hero{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);padding:5rem 3rem}.hero-content{display:flex;align-items:center;gap:2.5rem;max-width:800px}.hero-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);box-shadow:var(--shadow-lg);flex-shrink:0}.hero-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--primary);font-weight:600;margin-bottom:0.25rem}.hero-location{color:var(--text-secondary);margin-bottom:1rem}.hero-links{display:flex;gap:0.75rem;flex-wrap:wrap}.hero-link{display:inline-block;padding:0.5rem 1.25rem;background:var(--primary);color:#ffffff;border-radius:6px;font-size:0.875rem;font-weight:500;transition:background-color 0.2s ease,transform 0.2s ease}.hero-link:hover{background:var(--primary-light);color:#ffffff;transform:translateY(-1px)}.export-wrap{position:relative;display:inline-flex}.export-wrap::after{content:'';position:absolute;left:0;right:0;top:100%;height:0.5rem}.export-link{border-radius:6px 0 0 6px}.export-link:hover{transform:none}.export-wrap:hover .export-link,.export-wrap:hover .export-trigger{background:var(--primary-light)}.export-trigger{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#ffffff;border:none;border-left:1px solid rgba(255,255,255,0.3);border-radius:0 6px 6px 0;padding:0.5rem 0.75rem;cursor:pointer;transition:background-color 0.2s ease}.export-chevron{font-size:0.7em;display:inline-block;transition:transform 0.25s ease}.export-chevron.open{transform:rotate(180deg)}.export-dropdown{display:none;position:absolute;top:calc(100% + 0.5rem);left:0;min-width:280px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:0.75rem;z-index:100}.export-dropdown.open{display:block}.export-group{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;border-bottom:1px solid var(--border-color)}.export-group:last-child{border-bottom:none}.export-label{font-size:0.8rem;font-weight:600;color:var(--text-secondary);min-width:70px}.export-options{display:flex;gap:0.375rem;flex-wrap:wrap}.export-option{display:inline-block;padding:0.25rem 0.75rem;border-radius:50px;font-size:0.8rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease}.export-option:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.about-content p{margin-bottom:1rem;color:var(--text-secondary);font-size:clamp(0.9rem,1.2vw,1rem);line-height:1.8}.about-content p:last-child{margin-bottom:0}.timeline{position:relative;padding-left:200px}.timeline::before{content:'';position:absolute;left:180px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-200px;width:180px;top:2rem;display:flex;align-items:center;gap:0.75rem}.timeline-dates{flex:1;display:flex;flex-direction:column;align-items:center;gap:0.15rem;font-size:0.85rem;color:var(--text-secondary);font-weight:500}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);flex-shrink:0;z-index:1;margin-right:-7px}.date-separator{color:var(--border-color);font-size:0.75rem;line-height:1}.experience-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow);transition:box-shadow 0.2s ease}.experience-card:hover{box-shadow:var(--shadow-lg)}.experience-header{margin-bottom:1.25rem}.company-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.job-title{color:var(--primary);font-weight:600;font-size:1rem}.experience-body p{margin-bottom:0.75rem;color:var(--text-primary)}.experience-body ul{list-style:disc;padding-left:1.5rem;margin-bottom:0.75rem}.experience-body ul ul{list-style:circle;margin-top:0.4rem;margin-bottom:0.4rem}.experience-body li{color:var(--text-secondary);margin-bottom:0.4rem;font-size:0.925rem;line-height:1.6}.expandable .experience-body > ul > li{margin-bottom:0.6rem}.expandable .subitems-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.35s cubic-bezier(0.4,0,0.2,1);transition-delay:var(--stagger,0s)}.expandable li.item-expanded > .subitems-wrap{grid-template-rows:1fr}.expandable .subitems-wrap > ul{overflow:hidden;opacity:0;margin-top:0;margin-bottom:0;transition:opacity 0.25s ease;transition-delay:calc(var(--stagger, 0s) + 0.1s)}.expandable li.item-expanded > .subitems-wrap > ul{opacity:1}.expandable .subitems-wrap > ul > li:first-child{padding-top:0.4rem}.item-toggle{display:inline-flex;align-items:center;justify-content:center;color:#ffffff;background:var(--accent);font-size:0.65rem;margin-left:0.4rem;min-width:1.5rem;min-height:1.5rem;padding:0.15rem 0.4rem;border-radius:10px;vertical-align:middle;cursor:pointer;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),background-color 0.2s ease,box-shadow 0.2s ease;user-select:none;border:none;outline:none}.item-toggle:hover{background:var(--accent-light);transform:scale(1.15);box-shadow:0 0 8px rgba(245,158,11,0.4)}.item-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.expandable li.item-expanded > .item-toggle{transform:rotate(180deg)}.expandable li.item-expanded > .item-toggle:hover{transform:rotate(180deg) scale(1.15)}.show-more-btn{display:inline-flex;align-items:center;gap:0.5rem;background:none;border:1.5px solid var(--accent);color:var(--accent);padding:0.5rem 1.25rem;border-radius:50px;cursor:pointer;font-size:0.85rem;font-weight:600;margin-top:0.75rem;transition:background-color 0.25s ease,color 0.25s ease,transform 0.2s ease,box-shadow 0.25s ease}.show-more-btn:hover{background:var(--accent);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,0.3)}.show-more-btn:active{transform:translateY(0);box-shadow:none}.show-more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.show-more-icon{display:inline-block;width:0.5rem;height:0.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);margin-top:-2px}.expandable.expanded .show-more-icon{transform:rotate(-135deg);margin-top:2px}.proof-link{display:inline-block;font-size:0.75rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:4px;margin-left:0.4rem;vertical-align:middle;transition:opacity 0.2s ease}.proof-link:hover{opacity:0.8}.proof-video{background:#dc2626;color:#ffffff}.proof-video:hover{color:#ffffff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.skill-category-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.skill-tag{display:inline-block;padding:0.35rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:500;border:1px solid}.skill-tag.voip{background:var(--tag-voip);color:var(--tag-voip-text);border-color:var(--tag-voip-border)}.skill-tag.system{background:var(--tag-system);color:var(--tag-system-text);border-color:var(--tag-system-border)}.skill-tag.devops{background:var(--tag-devops);color:var(--tag-devops-text);border-color:var(--tag-devops-border)}.skill-tag.lang{background:var(--tag-lang);color:var(--tag-lang-text);border-color:var(--tag-lang-border)}.skill-tag.debug{background:var(--tag-debug);color:var(--tag-debug-text);border-color:var(--tag-debug-border)}.skill-tag.ai{background:var(--tag-ai);color:var(--tag-ai-text);border-color:var(--tag-ai-border)}.education-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow)}.education-degree{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.education-school{color:var(--primary);font-weight:500;margin-bottom:0.25rem}.education-year{color:var(--text-secondary);font-size:0.9rem}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.certificate-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:0.3rem;box-shadow:var(--shadow);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.certificate-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}a.certificate-card:hover{border-color:var(--primary)}a.certificate-card:hover .cert-action{color:var(--accent)}a.certificate-card{color:inherit}.certificate-card.has-thumbnail{padding-top:0}.cert-thumbnail{width:calc(100% + 2.5rem);max-height:200px;overflow:hidden;margin:0 -1.25rem 0.5rem;border-radius:10px 10px 0 0;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.cert-thumbnail img{width:100%;max-height:200px;object-fit:contain;transition:transform 0.3s ease}a.certificate-card:hover .cert-thumbnail img{transform:scale(1.05)}.cert-action{font-size:0.8rem;font-weight:600;color:var(--primary);margin-top:auto}.cert-name{font-weight:600;font-size:0.925rem;color:var(--text-primary)}.cert-date{font-size:0.8rem;color:var(--text-secondary)}.cert-issuer{display:inline-block;font-size:0.75rem;font-weight:600;color:var(--primary);background:var(--bg-secondary);padding:0.2rem 0.6rem;border-radius:4px;width:fit-content;text-transform:uppercase;letter-spacing:0.5px}.lang-hobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.lang-hobby-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.lang-hobby-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.lang-list li{display:flex;justify-content:space-between;padding:0.5rem 0;border-bottom:1px solid var(--border-color)}.lang-list li:last-child{border-bottom:none}.lang-name{font-weight:500;color:var(--text-primary)}.lang-level{color:var(--primary);font-weight:500;font-size:0.9rem}.hobby-list{list-style:disc;padding-left:1.25rem}.hobby-list li{color:var(--text-secondary);padding:0.3rem 0}.footer{background:var(--bg-secondary);text-align:center}.footer .section-title::after{left:50%;transform:translateX(-50%)}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.contact-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:0.9rem;transition:transform 0.2s ease,box-shadow 0.2s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--primary)}.contact-icon{font-weight:700;font-size:1rem;color:var(--primary);min-width:1.5rem;text-align:center}.footer-note{color:var(--text-secondary);font-size:0.85rem}.js .fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.js .fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.section{padding:3rem 2rem}.hero{padding:4rem 2rem}.timeline{padding-left:170px}.timeline::before{left:150px}.timeline-marker{left:-170px;width:150px}}@media (max-width:768px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%);transition:transform 0.3s ease;top:var(--mobile-header-height);height:calc(100vh - var(--mobile-header-height))}.sidebar.open{transform:translateX(0)}.sidebar-profile{display:none}.main-content{margin-left:0;margin-top:var(--mobile-header-height)}.section{padding:2.5rem 1.25rem}.hero{padding:3rem 1.25rem}.hero-content{flex-direction:column;text-align:center;gap:1.5rem}.hero-photo{width:120px;height:120px}.hero-links{justify-content:center}.export-dropdown{left:50%;transform:translateX(-50%)}.timeline{padding-left:0}.timeline::before{display:none}.timeline-marker{position:static;width:auto;flex-direction:row;margin-bottom:0.75rem}.timeline-dates{flex-direction:row;gap:0.5rem}.timeline-dot{display:none}.experience-card{padding:1.5rem}.certificates-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}html{scroll-padding-top:calc(var(--mobile-header-height) + 1rem)}}@media (max-width:480px){.section{padding:2rem 1rem}.hero{padding:2.5rem 1rem}.contact-links{flex-direction:column;align-items:center}.contact-item{width:100%;max-width:320px;justify-content:center}}@media print{.sidebar,.mobile-header,.theme-toggle,.show-more-btn,.hamburger,.version-nav,.export-wrap{display:none !important}.main-content{margin-left:0;margin-top:0}.section{padding:1.5rem 0;page-break-inside:avoid}.hero{padding:1rem 0;background:none}.hero-photo{width:80px;height:80px}.timeline{padding-left:0}.timeline::before{display:none}.timeline-marker{position:static;width:auto;flex-direction:row;margin-bottom:0.5rem}.timeline-dates{flex-direction:row;gap:0.5rem}.timeline-dot{display:none}.experience-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.expandable .subitems-wrap{grid-template-rows:1fr !important;transition:none !important}.expandable .subitems-wrap > ul{overflow:visible !important;opacity:1 !important}.item-toggle{display:none !important}.js .fade-in{opacity:1 !important;transform:none !important}body{font-size:11pt;color:#000}a{color:#000}.proof-link{border:1px solid #999;color:#000;background:none}.certificate-card{box-shadow:none;border:1px solid #ddd}.cert-thumbnail,.cert-action{display:none}.certificate-card.has-thumbnail{padding-top:1.25rem}.skill-category,.education-card,.lang-hobby-card{box-shadow:none;border:1px solid #ddd}.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .fade-in{opacity:1;transform:none;transition:none}*,*::before,*::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important}.expandable .subitems-wrap,.expandable .subitems-wrap > ul{transition:none !important}}