:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #0a0a0a;--text-secondary: #525252;--text-muted: #737373;--border-color: #e5e5e5;--card-bg: #ffffff;--tag-bg: #0a0a0a;--tag-text: #ffffff;--dock-bg: rgba(255, 255, 255, .9);--dock-border: rgba(0, 0, 0, .1);--vignette-color: rgba(59, 130, 246, .15)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #1a1a1a;--card-bg: #0a0a0a;--tag-bg: #fafafa;--tag-text: #000000;--dock-bg: rgba(10, 10, 10, .9);--dock-border: rgba(255, 255, 255, .1);--vignette-color: rgba(59, 130, 246, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at top left,var(--vignette-color) 0%,transparent 50%),radial-gradient(ellipse at top right,var(--vignette-color) 0%,transparent 50%),radial-gradient(ellipse at bottom left,var(--vignette-color) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--vignette-color) 0%,transparent 50%);z-index:-1}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:600}h1{font-size:3rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.5rem}p{color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.container{max-width:720px;margin:0 auto;padding:4rem 1.5rem 8rem}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem}.hero-content{flex:1}.hero-content p{font-size:1rem;max-width:400px}.avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-muted);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.section{margin-bottom:2.5rem}.section-title{margin-bottom:.75rem}.section-description{font-size:.9rem}.experience-list{display:flex;flex-direction:column;gap:1rem}.experience-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;text-decoration:none;transition:opacity .2s ease}.experience-item:hover{opacity:.8}.company-logo{width:48px;height:48px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;overflow:hidden;border:1px solid var(--border-color)}.company-logo img{width:100%;height:100%;object-fit:cover}.experience-details{flex:1}.experience-company{font-weight:600;color:var(--text-primary);font-size:.95rem}.experience-role{font-size:.85rem;color:var(--text-muted)}.experience-date{font-size:.85rem;color:var(--text-muted);text-align:right;flex-shrink:0}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--tag-bg);color:var(--tag-text);padding:.4rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.articles-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--tag-bg);color:var(--tag-text);padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.articles-btn:hover{transform:translateY(-1px);opacity:.9}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-image{width:100%;height:120px;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-title{font-family:Inter,sans-serif;font-weight:600;font-size:1rem;margin-bottom:.5rem}.project-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.project-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.project-links{display:flex;gap:.75rem}.project-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary);transition:color .2s ease}.project-link:hover{color:var(--text-primary);opacity:1}.project-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.contact{text-align:center;margin-top:3rem;padding-top:2rem}.contact p{font-size:.95rem}.contact a{text-decoration:underline;text-underline-offset:2px}.dock{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:.25rem;background:var(--dock-bg);backdrop-filter:blur(12px);border:1px solid var(--dock-border);padding:.5rem .75rem;border-radius:9999px;box-shadow:0 4px 20px #0000001a;z-index:1000;height:56px}.dock-item-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.dock-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;will-change:transform}.dock-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dock-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:.375rem .75rem;background:var(--tag-bg);color:var(--tag-text);font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;animation:tooltip-appear .2s ease;box-shadow:0 2px 8px #00000026}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tag-bg)}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dock-divider{width:1px;height:24px;background:var(--border-color);margin:0 .25rem;align-self:center}@media(max-width:640px){h1{font-size:2.25rem}.hero{flex-direction:column-reverse;align-items:center;text-align:center}.hero-content p{max-width:100%}.avatar{width:120px;height:120px}.experience-item{flex-wrap:wrap}.experience-date{width:100%;text-align:left;padding-left:64px;margin-top:-.5rem}.hidden-mobile{display:none!important}}