:root{--color-bg-primary: #f7f7f7;--color-bg-card: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-accent-blue: #60a5fa;--color-accent-blue-hover: #3b82f6;--color-accent-green: #10b981;--color-border-light: #e5e5e5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1;--line-height-normal: 1.6;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: .25rem;--radius-md: .5rem;--radius-full: 9999px;--border-width: 1px;--container-max-width: 1000px}body.dark-theme{--color-bg-primary: #0f172a;--color-bg-card: #1e293b;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-border-light: #334155;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);transition:background-color var(--transition-slow),color var(--transition-slow)}.container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column}header{margin-bottom:var(--spacing-xl)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap}.header-left h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);margin-top:0;line-height:var(--line-height-tight)}.header-left .subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.theme-toggle:hover{transform:scale(1.1)}.moon-icon{display:none}.nav-link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-base)}.nav-link:hover{color:var(--color-accent-blue)}.bio{margin-bottom:var(--spacing-2xl)}.bio p{font-size:var(--font-size-base);color:var(--color-text-primary);max-width:100%;margin:0 0 var(--spacing-md) 0}.bio p:last-child{margin-bottom:0}.social-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-xl)}.social-card{background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border-light);border-radius:var(--radius-md);padding:1.25rem var(--spacing-lg);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.social-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-content{display:flex;align-items:center;gap:var(--spacing-md)}.card-icon{flex-shrink:0}.github-icon{color:var(--color-text-primary)}.card-text{flex-grow:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.arrow-icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-base)}.social-card:hover .arrow-icon{transform:translate(2px,-2px)}.contact-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.email-container{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.email-container:hover{opacity:.7}.email-container:hover .email-icon{transform:translate(2px) translateY(-2px)}.email{font-size:var(--font-size-base);color:var(--color-text-primary)}.email-icon{color:var(--color-text-secondary);transition:transform var(--transition-base)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.375rem .75rem;background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-primary)}.status-dot{width:var(--spacing-sm);height:var(--spacing-sm);background-color:var(--color-accent-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.projects-section{margin-bottom:var(--spacing-3xl);scroll-margin-top:var(--spacing-xl)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.project-card{background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-image{width:100%;height:200px;background-color:var(--color-border-light);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:fill;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1}.project-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.project-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag{display:inline-block;padding:.25rem .75rem;background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.project-links{display:flex;gap:var(--spacing-md);margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-base)}.project-link:hover{color:var(--color-accent-blue)}.project-link svg{transition:transform var(--transition-base)}.project-link:hover svg{transform:translateY(-2px)}.cta-section{margin-bottom:var(--spacing-3xl);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.cv-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem var(--spacing-xl);background-color:var(--color-accent-blue);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.cv-button:hover{background-color:var(--color-accent-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.download-icon{width:1.25rem;height:1.25rem}footer{margin-top:auto;padding-top:var(--spacing-3xl);text-align:center}.footer-message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.copy-toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background-color:var(--color-text-primary);color:var(--color-bg-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:0;transform:translateY(1rem);transition:opacity var(--transition-slow),transform var(--transition-slow);pointer-events:none;z-index:1000}.copy-toast.show{opacity:1;transform:translateY(0)}.theme-toggle:focus-visible,.nav-link:focus-visible,.social-card:focus-visible,.cv-button:focus-visible,.email-container:focus-visible,.project-card:focus-visible,.project-link:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.theme-toggle:focus:not(:focus-visible),.nav-link:focus:not(:focus-visible),.social-card:focus:not(:focus-visible),.cv-button:focus:not(:focus-visible),.email-container:focus:not(:focus-visible),.project-card:focus:not(:focus-visible),.project-link:focus:not(:focus-visible){outline:none}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.header-left h1{font-size:var(--font-size-2xl)}.header-left .subtitle{font-size:var(--font-size-lg)}.header-right{width:100%;justify-content:space-between}.nav-link{font-size:var(--font-size-sm)}.social-card{padding:var(--spacing-md) 1.25rem}.card-text{font-size:var(--font-size-base)}.projects-grid{grid-template-columns:1fr}.section-title{font-size:var(--font-size-xl)}.cta-section{flex-direction:column}.cv-button{width:100%;justify-content:center}}@media(max-width:480px){.container{padding:var(--spacing-lg) var(--spacing-md)}.header-left h1{font-size:1.75rem}.header-left .subtitle{font-size:var(--font-size-base)}.header-right{gap:var(--spacing-md)}.nav-link{font-size:.8rem}.contact-section{flex-direction:column;align-items:flex-start}}