:root{--accent-hue:207;--accent-sat:100%;--accent-l:42%;--accent-l-alt:52%;--accent-l-hover:39%;--bg-primary:hsl(0 0% 100%);--bg-secondary:hsl(0 0% 98%);--bg-tertiary:hsl(30 7% 95%);--bg-elevated:hsl(0 0% 100%);--text-primary:hsl(0 0% 14%);--text-secondary:hsl(0 0% 26%);--text-tertiary:hsl(30 3% 62%);--accent-primary:hsl(var(--accent-hue) var(--accent-sat) var(--accent-l));--accent-secondary:hsl(var(--accent-hue) var(--accent-sat) var(--accent-l-alt));--accent-hover:hsl(var(--accent-hue) var(--accent-sat) var(--accent-l-hover));--border-primary:hsl(0 0% 88%);--border-secondary:hsl(0 0% 84%);--shadow-sm:0 1px 3px hsla(0, 0%, 0%, 0.08);--shadow-md:0 4px 6px hsla(0, 0%, 0%, 0.10), 0 2px 4px hsla(0, 0%, 0%, 0.06);--shadow-lg:0 10px 15px hsla(0, 0%, 0%, 0.12), 0 4px 6px hsla(0, 0%, 0%, 0.08);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--transition-fast:150ms ease-out;--transition-base:250ms ease-out;--transition-slow:350ms ease-out;--transition-glacial:1000ms ease-out}[data-theme=dark]{--bg-primary:hsl(0 0% 12%);--bg-secondary:hsl(30 2% 19%);--bg-tertiary:hsl(30 4% 27%);--bg-elevated:hsl(30 3% 14%);--text-primary:hsl(0 0% 100%);--text-secondary:hsl(30 6% 87%);--text-tertiary:hsl(30 3% 62%);--border-primary:hsl(30 4% 27%);--border-secondary:hsl(30 2% 37%);--shadow-sm:0 1px 3px hsla(0, 0%, 0%, 0.3);--shadow-md:0 4px 6px hsla(0, 0%, 0%, 0.4), 0 2px 4px hsla(0, 0%, 0%, 0.2);--shadow-lg:0 10px 15px hsla(0, 0%, 0%, 0.5), 0 4px 6px hsla(0, 0%, 0%, 0.3)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:hsl(0 0% 12%);--bg-secondary:hsl(30 2% 19%);--bg-tertiary:hsl(30 4% 27%);--bg-elevated:hsl(30 3% 14%);--text-primary:hsl(0 0% 100%);--text-secondary:hsl(30 6% 87%);--text-tertiary:hsl(30 3% 62%);--border-primary:hsl(30 4% 27%);--border-secondary:hsl(30 2% 37%);--shadow-sm:0 1px 3px hsla(0, 0%, 0%, 0.3);--shadow-md:0 4px 6px hsla(0, 0%, 0%, 0.4), 0 2px 4px hsla(0, 0%, 0%, 0.2);--shadow-lg:0 10px 15px hsla(0, 0%, 0%, 0.5), 0 4px 6px hsla(0, 0%, 0%, 0.3)}}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,roboto,oxygen,ubuntu,cantarell,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:#fff;padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:1000;font-weight:600;transition:top var(--transition-fast)}.skip-link:focus{top:6px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}header{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4)0;gap:var(--space-4)}.site-title{font-size:var(--text-2xl);font-weight:700;margin:0}.site-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.site-title a:hover{color:var(--accent-primary)}.main-nav{display:flex;align-items:center;gap:var(--space-6)}.nav-links{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}@media(max-width:767px){.nav-links{gap:var(--space-3)}}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary);background-color:var(--bg-tertiary)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.theme-toggle svg{width:20px;height:20px;color:var(--text-secondary);transition:color var(--transition-fast)}.theme-toggle:hover svg{color:var(--accent-primary)}main{flex:1;padding:var(--space-8)0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin:0 0 var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}a:focus{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus,.btn:focus,.theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);margin-bottom:var(--space-6)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4)}.resume-header .card-header{display:flex;justify-content:space-between;align-items:center}.card-title{margin:0 0 var(--space-2)}.card-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.card-content{margin-bottom:var(--space-4)}.card-footer{border-top:1px solid var(--border-secondary);padding-top:var(--space-4);margin-top:auto;display:flex;justify-content:flex-end}@supports(clip-path:polygon(0 0,100% 0,100% 100%,0 100%)){.community-card{display:flex;flex-direction:column;height:100%}.community-card .card-footer{position:relative;border-top:0;background:var(--bg-tertiary);padding:calc(var(--space-4) + 4px)var(--space-2)var(--space-2);margin-top:auto;clip-path:polygon(0 12px,100% 0,100% 100%,0 100%);box-shadow:inset 0 1px 0 var(--border-secondary)}.community-card .card-footer a{position:relative;z-index:1}}@supports not (clip-path:polygon(0 0,100% 0,100% 100%,0 100%)){.community-card{display:flex;flex-direction:column;height:100%}.community-card .card-footer{margin-top:auto}}.read-more,.view-details,.view-roles{color:var(--accent-primary);font-weight:500;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.read-more:hover,.view-details:hover,.view-roles:hover{color:var(--accent-hover)}.btn{display:inline-block;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);border:none;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);font-size:var(--text-sm);line-height:1.5}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breadcrumb{margin-bottom:var(--space-6);padding:0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0;font-size:var(--text-sm);color:var(--text-secondary)}.breadcrumb-item{display:flex;align-items:center;min-width:0}.breadcrumb-link{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);text-decoration:none;padding:var(--space-1)var(--space-2);border-radius:var(--space-1);transition:all var(--transition-fast);max-width:100%;overflow:hidden}.breadcrumb-link:hover{color:var(--accent-primary);background-color:var(--bg-tertiary)}.breadcrumb-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.breadcrumb-icon{font-size:var(--text-xs);flex-shrink:0}.breadcrumb-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.breadcrumb-separator{color:var(--text-tertiary);font-weight:300;user-select:none;flex-shrink:0}.breadcrumb-current .breadcrumb-text{color:var(--text-primary);font-weight:500}.community-card .card-subtitle time{font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.page-link{background:var(--bg-tertiary);padding:var(--space-2)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);text-decoration:none}.page-link:hover{background:var(--bg-secondary);text-decoration:none}.page-status{font-size:var(--text-sm);color:var(--text-tertiary)}.hero-section{margin-bottom:var(--space-8)}.hero-section .card{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-secondary) 100%);border:2px solid var(--border-primary);text-align:center}.dropdown{position:relative;display:inline-flex}.print-shortcut-hint{position:absolute;bottom:-20px;margin-top:var(--space-2);right:0;font-size:var(--text-xs);color:var(--text-tertiary);transition:opacity 1s ease-in-out;opacity:0;animation:pulse-opacity 10s ease-in-out infinite;animation-delay:10s;font-style:italic}@keyframes pulse-opacity{0%{opacity:0}20%{opacity:1}50%{opacity:1}70%{opacity:0}100%{opacity:0}}.dropdown-toggle{background-color:var(--accent-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.3);border-top-left-radius:0;border-bottom-left-radius:0;padding:0 .75rem;margin-left:0}.resume-header .btn.btn-primary:not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.dropdown-menu{display:none;position:absolute;right:0;top:90%;min-width:160px;background-color:var(--bg-elevated);box-shadow:var(--shadow-md);border-radius:var(--radius-md);margin-top:2px;border:1px solid var(--border-primary);z-index:10;transition:opacity var(--transition-glacial)}.dropdown-item{display:block;padding:var(--space-2)var(--space-4);text-decoration:none;color:var(--text-primary);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--accent-primary)}.hero-section .card-title{font-size:var(--text-5xl);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .card-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.content-grid,.about-preview,.resume-sections,.experience-companies{margin-bottom:var(--space-8)}.content-grid h2,.about-preview h2,.resume-sections h2,.experience-companies h2{margin-bottom:var(--space-6);text-align:center;position:relative}.resume-section-card{position:relative;overflow:hidden}.resume-section-card{display:flex;flex-direction:column;height:100%}.resume-section-card .card-content{flex-grow:1}.resume-section-card .card-footer{margin-top:auto}.resume-section-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.resume-section-card:hover::before{opacity:1}.experience-company{position:relative;margin-left:var(--space-4)}.experience-company::before{content:'';position:absolute;left:calc(-1 * var(--space-4));top:var(--space-6);width:12px;height:12px;background:var(--accent-primary);border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 0 0 3px var(--accent-primary)}.timeline{position:relative}.timeline::before{content:'';position:absolute;left:calc(-1 * var(--space-4) + 6px);top:0;bottom:0;width:2px;background:var(--border-primary)}footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-8)0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);color:var(--text-secondary)}.footer-contact{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-10);width:100%;max-width:800px;margin:0 auto}.footer-section{flex:1;min-width:200px;text-align:left}.footer-heading{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--text-primary);position:relative;padding-bottom:var(--space-2)}.footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--accent-primary)}.footer-section p{margin-bottom:var(--space-2)}.footer-section address{font-style:normal;color:var(--text-secondary);margin-bottom:var(--space-2)}.footer-social-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-social-links li{margin:0}.footer-social-links a{display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-1)0}.footer-social-links a:hover{color:var(--accent-primary)}.footer-copyright{text-align:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary);width:100%;max-width:600px}.footer-copyright p{margin-bottom:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary)}@media(max-width:767px){.footer-contact{flex-direction:column;gap:var(--space-6)}.footer-section{text-align:center}.footer-heading::after{left:50%;transform:translateX(-50%)}.footer-social-links{justify-content:center}}[data-theme] body,body,header,main,footer{transition-property:none!important;transition-duration:0s!important}@media(max-width:767px){.breadcrumb{margin-bottom:var(--space-4)}.breadcrumb-list{font-size:var(--text-xs);gap:var(--space-1)}.breadcrumb-link{padding:var(--space-1);gap:2px}.breadcrumb-text{max-width:120px}.header-content{flex-direction:column;gap:var(--space-3)}main{padding:var(--space-6)0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.hero-section .card-title{font-size:var(--text-4xl)}.card{padding:var(--space-4)}.experience-company{margin-left:0}.experience-company::before{display:none}.timeline::before{display:none}}@media(max-width:480px){.breadcrumb-item:not(:first-child):not(:last-child):not(.breadcrumb-current){display:none}.breadcrumb-separator:not(:last-of-type){display:none}.breadcrumb-item:first-child+.breadcrumb-separator+.breadcrumb-item:not(.breadcrumb-current)::before{content:"...";margin-right:var(--space-2);color:var(--text-tertiary)}}