:root{--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-tertiary:#e8e8e8;--text-primary:#1a1a1a;--text-secondary:#555;--text-tertiary:#888;--accent:#2563eb;--accent-hover:#1d4ed8;--border:#e0e0e0;--border-hover:silver;--chat-accent:#e8a0a0;--chat-accent-hover:#d88888;--chat-user-bg:#d88888;--chat-user-text:#1a1a1a;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"DM Mono","SF Mono",Consolas,monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--max-width:900px;--page-padding:1.5rem;--transition-fast:.15s ease;--transition-base:.25s ease}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#252525;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#666;--accent:#60a5fa;--accent-hover:#93c5fd;--border:#2a2a2a;--border-hover:#3a3a3a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base),color var(--transition-base);font-weight:400;line-height:1.7}::selection{background:var(--accent);color:#fff}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}main{max-width:var(--max-width);padding:0 var(--page-padding);margin:0 auto}.section{gap:var(--space-xl);padding:var(--space-2xl)0;border-bottom:1px solid var(--border);grid-template-columns:120px 1fr;display:grid}.section:last-of-type{border-bottom:none}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding-top:.2rem;font-size:.75rem;font-weight:500}.section-content{max-width:600px}.header{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border);transition:background-color var(--transition-base),border-color var(--transition-base);position:sticky;top:0}.header-inner{max-width:var(--max-width);padding:var(--space-md)var(--page-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--font-sans);letter-spacing:-.02em;white-space:nowrap;font-size:1.125rem;font-weight:500}.nav{align-items:center;gap:var(--space-lg);display:flex}.nav a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.nav a:hover{color:var(--text-primary)}.lang-switcher{position:relative}.lang-toggle{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:6px;font-size:.75rem;font-weight:500;display:flex}.lang-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-chevron{width:14px;height:14px;transition:transform var(--transition-fast)}.lang-switcher.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{background:var(--bg-primary);border:1px solid var(--border);min-width:140px;padding:var(--space-xs);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:200;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 4px 20px #00000014}[data-theme=dark] .lang-dropdown{box-shadow:0 4px 20px #0000004d}.lang-switcher.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{padding:var(--space-sm)var(--space-md);color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:6px;font-size:.875rem;display:block}.lang-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-option.active{color:var(--accent);font-weight:500}.theme-toggle{width:36px;height:36px;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px}.icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}.profile-frame{width:280px;height:280px;margin-bottom:var(--space-xl);position:relative}.profile-image{object-fit:cover;z-index:1;filter:grayscale(15%);width:100%;height:100%;transition:filter var(--transition-base);border-radius:50%;position:relative}.profile-frame:hover .profile-image{filter:grayscale(0%)}.profile-ring{z-index:0;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;top:-6px;left:-6px}.profile-ring circle{stroke:var(--accent);opacity:.4;stroke-dasharray:8 4;transition:opacity var(--transition-base),transform .6s ease;transform-origin:50%}.profile-frame:hover .profile-ring circle{opacity:.7;transform:rotate(30deg)}@media (prefers-reduced-motion:no-preference){.profile-frame{animation:.6s 50ms both fadeUp}}.hero{padding:var(--space-2xl)0;max-width:var(--max-width);padding-left:var(--page-padding);padding-right:var(--page-padding);margin:0 auto}.hero-content{max-width:650px}.hero-location{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.75rem}.hero-name{letter-spacing:-.03em;margin-bottom:var(--space-sm);font-size:clamp(2.5rem,8vw,4rem);font-weight:500;line-height:1.1}.hero-title{font-family:var(--font-mono);color:var(--accent);margin-bottom:var(--space-lg);min-height:1.5em;font-size:1rem}.hero-tagline{color:var(--text-secondary);font-size:1.25rem;font-weight:300;line-height:1.5}.about-text{margin-bottom:var(--space-xl)}.about-lead{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.125rem}.about-lead em{color:var(--accent);font-style:normal}.about-text p{color:var(--text-secondary);margin-bottom:var(--space-md)}.about-text p:last-child{margin-bottom:0}.about-meta{gap:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);display:flex}.meta-item{gap:var(--space-xs);flex-direction:column;display:flex}.meta-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:.625rem}.meta-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.section-content--work{max-width:100%}.work-intro{color:var(--text-secondary);margin-bottom:var(--space-lg)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{perspective:1000px;text-decoration:none;display:block}@media (prefers-reduced-motion:no-preference){.project-card{animation:.6s both cardFadeUp;animation-delay:calc(var(--card-index,0)*.1s + .2s)}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.browser-frame{background:var(--bg-secondary);border:1px solid var(--border);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color var(--transition-fast);border-radius:12px;position:relative;overflow:hidden;transform:rotateX(2deg)rotateY(-1deg);box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -5px #00000014}[data-theme=dark] .browser-frame{box-shadow:0 4px 6px -1px #0003,0 10px 20px -5px #0000004d}.project-card:hover .browser-frame{border-color:var(--accent);box-shadow:0 20px 40px -10px #00000026,0 0 0 1px var(--accent);transform:rotateX(0)rotateY(0)translateY(-8px)scale(1.02)}[data-theme=dark] .project-card:hover .browser-frame{box-shadow:0 20px 40px -10px #00000080,0 0 0 1px var(--accent),0 0 30px -10px var(--accent)}.browser-chrome{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 14px;display:flex}.browser-dot{background:var(--border);width:10px;height:10px;transition:background-color var(--transition-fast);border-radius:50%}.project-card:hover .browser-dot:first-child{background:#ff5f57}.project-card:hover .browser-dot:nth-child(2){background:#febc2e}.project-card:hover .browser-dot:nth-child(3){background:#28c840}.browser-content{aspect-ratio:16/10;background:var(--bg-primary);position:relative;overflow:hidden}.project-screenshot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1)}.project-card:hover .project-screenshot{transform:scale(1.05)}.project-meta{padding-top:var(--space-md)}.project-card .project-name{margin-bottom:var(--space-xs);transition:color var(--transition-fast);font-size:1rem;font-weight:500}.project-card:hover .project-name{color:var(--accent)}.project-card .project-desc{color:var(--text-tertiary);font-size:.8rem;line-height:1.5}.contact-intro{color:var(--text-secondary);margin-bottom:var(--space-lg)}.contact-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-link{align-items:baseline;gap:var(--space-lg);padding:var(--space-md)0;border-bottom:1px solid var(--border);transition:border-color var(--transition-fast);display:flex}.contact-link:first-child{border-top:1px solid var(--border)}.contact-link:hover{border-color:var(--border-hover)}.contact-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);min-width:80px;font-size:.75rem}.contact-value{color:var(--text-primary);transition:color var(--transition-fast);font-size:1rem}.contact-link:hover .contact-value{color:var(--accent)}.footer{border-top:1px solid var(--border);margin-top:var(--space-xl)}.footer-inner{max-width:var(--max-width);padding:var(--space-lg)var(--page-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-copyright{color:var(--text-tertiary);font-size:.75rem}.footer-note{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:.625rem}.typed-cursor{font-family:var(--font-mono);color:var(--accent);opacity:1;text-shadow:0 0 8px var(--accent);font-weight:500;animation:.8s ease-in-out infinite cursorBlink}[data-theme=dark] .typed-cursor{text-shadow:0 0 12px var(--accent)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1024px){.hero-content{max-width:100%}}@media (max-width:900px){.projects-grid{gap:var(--space-lg);grid-template-columns:1fr}}@media (max-width:768px){:root{--page-padding:1.25rem;--space-2xl:5rem}html{font-size:17px}.section{gap:var(--space-md);padding:var(--space-xl)0;grid-template-columns:1fr}.section-label{padding-top:0}.hero{padding:var(--space-xl)var(--page-padding)}.profile-frame{width:220px;height:220px}.about-meta{gap:var(--space-lg);flex-wrap:wrap}.meta-item{min-width:calc(50% - var(--space-lg))}.nav{gap:var(--space-md)}.nav>a{font-size:.8rem}.footer-inner{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (max-width:600px){:root{--page-padding:1rem}html{font-size:16px}.header-inner{padding:var(--space-sm)var(--page-padding)}.nav>a{display:none}.nav{gap:var(--space-sm)}.lang-toggle{padding:var(--space-xs)}.theme-toggle{width:32px;height:32px}.logo{font-size:1rem}.profile-frame{width:180px;height:180px;margin-bottom:var(--space-lg)}.hero-title{font-size:.875rem}.hero-tagline{font-size:1.1rem}.about-meta{gap:var(--space-md);flex-direction:column}.meta-item{min-width:100%}.projects-grid{gap:var(--space-lg);grid-template-columns:1fr}.browser-chrome{gap:5px;padding:10px 12px}.browser-dot{width:8px;height:8px}.browser-frame{border-radius:10px;transform:none}.project-card:hover .browser-frame{transform:translateY(-4px)scale(1.01)}}@media (max-width:480px){:root{--space-2xl:3rem;--space-xl:2.5rem}.profile-frame{width:150px;height:150px}.hero-name{font-size:2rem}.hero-tagline{font-size:1rem}.contact-link{gap:var(--space-xs);flex-direction:column}.contact-type{min-width:auto}.contact-value{word-break:break-all;font-size:.9rem}.lang-dropdown{min-width:130px;right:-.5rem}.browser-chrome{gap:4px;padding:8px 10px}.browser-dot{width:7px;height:7px}}@media (max-width:360px){:root{--page-padding:.75rem}.logo{letter-spacing:-.01em;font-size:.9rem}.profile-frame{width:130px;height:130px}.hero-name{font-size:1.75rem}.section-label{font-size:.7rem}}@media (prefers-reduced-motion:no-preference){.hero-location,.hero-name,.hero-title,.hero-tagline{animation:.6s both fadeUp}.hero-location{animation-delay:.1s}.hero-name{animation-delay:.2s}.hero-title{animation-delay:.3s}.hero-tagline{animation-delay:.4s}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.typed-cursor{opacity:1;animation:none}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}