*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--fg: #0a0a0a;--muted: #737373;--border: #e5e5e5;--card-bg: #ffffff;--card-hover-bg: #fafafa;--card-hover-border: #c0c0c0;--avatar-bg: #0a0a0a;--avatar-fg: #ffffff}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0a;--fg: #fafafa;--muted: #a1a1a1;--border: #2a2a2a;--card-bg: #0a0a0a;--card-hover-bg: #141414;--card-hover-border: #444444;--avatar-bg: #fafafa;--avatar-fg: #0a0a0a}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:64px 24px 48px;max-width:480px;margin:0 auto}.profile{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.name{font-size:20px;font-weight:600;letter-spacing:-.02em}.section{width:100%;margin-bottom:32px}.section:last-child{margin-bottom:0}.section-header{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.projects{display:flex;flex-direction:column;gap:12px}.project-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:1px solid var(--border);border-radius:12px;background-color:var(--card-bg);color:var(--fg);text-decoration:none;transition:background-color .15s ease,border-color .15s ease;cursor:pointer}.project-card:hover{background-color:var(--card-hover-bg);border-color:var(--card-hover-border)}.project-info{display:flex;flex-direction:column;gap:2px}.project-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.project-desc{font-size:13px;color:var(--muted);font-weight:400}.project-arrow{color:var(--muted);flex-shrink:0;transition:color .15s ease}.project-card:hover .project-arrow{color:var(--fg)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-card{display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid var(--border);border-radius:12px;background-color:var(--card-bg);color:var(--fg);text-decoration:none;transition:background-color .15s ease,border-color .15s ease;cursor:pointer}.social-card:hover{background-color:var(--card-hover-bg);border-color:var(--card-hover-border)}.social-card svg{flex-shrink:0}