:root{--background:#f8fafc;--foreground:#0f172a;--muted:#64748b;--border:#e2e8f0;--card:#ffffff;--card-hover:#f1f5f9;--accent:#0ea5e9;--accent-hover:#0284c7}[data-theme=dark]{--background:#0f172a;--foreground:#f8fafc;--muted:#94a3b8;--border:#334155;--card:#1e293b;--card-hover:#334155;--accent:#38bdf8;--accent-hover:#7dd3fc}*{box-sizing:border-box;padding:0;margin:0}html{color-scheme:light}[data-theme=dark] html{color-scheme:dark}body{background:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(180deg,#7dd3fc 0,#38bdf8 30%,#0ea5e9 60%,var(--background) 100%)}[data-theme=dark] .hero{background:linear-gradient(180deg,#0c4a6e 0,#075985 30%,#0369a1 60%,var(--background) 100%)}.hero-avatar{position:relative;width:360px;height:360px;border-radius:50%;overflow:hidden;margin-bottom:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 4px rgba(255,255,255,.3)}.hero-avatar img{object-fit:cover;object-position:center 20%}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-name{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--foreground)}.hero-title{font-size:1.25rem;color:#334155;font-weight:400;line-height:1.6;max-width:400px}[data-theme=dark] .hero-title{color:var(--muted)}.hero-links{display:flex;gap:1rem;margin-top:1rem}.hero-link{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:1rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--card);transition:color .2s ease,background-color .2s ease,border-color .2s ease}.hero-link:hover{color:#000;border-color:#000;background:#f7f7f7}[data-theme=dark] .hero-link:hover{color:#fff;border-color:#fff;background:#27272a}.hero-link svg{width:20px;height:20px}.main-content{padding:4rem 0}.section{margin-bottom:4rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--foreground)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.project-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:background-color .2s ease,transform .2s ease;display:block}.project-card:hover{background:var(--card-hover);transform:translateY(-2px)}.project-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.project-icon{width:32px;height:32px;border-radius:6px}.project-name{font-size:1.125rem;font-weight:600;color:var(--foreground)}.project-description{color:var(--muted);font-size:.95rem;line-height:1.6}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:100;background:var(--card);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.theme-toggle:hover{background:var(--card-hover);transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px;color:var(--foreground)}.footer{text-align:center;padding:2rem 0;color:var(--muted);font-size:.875rem;border-top:1px solid var(--border)}@media (max-width:768px){.hero{min-height:50vh;padding:3rem 1.5rem}.hero-avatar{width:200px;height:200px;margin-bottom:1.5rem}.hero-name{font-size:2.25rem}.hero-title{font-size:1rem}.hero-links{flex-wrap:wrap;justify-content:center}.main-content{padding:2rem 0}.projects-grid{grid-template-columns:1fr}.section{margin-bottom:3rem}}