*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e5e7eb;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.container{max-width:560px;width:100%}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;object-position:center;margin-bottom:1.5rem;border:3px solid var(--color-border);box-shadow:0 4px 24px #0000000f}.signature{width:220px;height:auto;margin-bottom:.25rem}.intro h1{font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.25rem}.title{font-size:1rem;font-weight:400;color:var(--color-text-secondary)}.location{font-size:.875rem;font-weight:300;color:var(--color-text-secondary);margin-top:.125rem}.bio{text-align:center;margin-bottom:2.5rem}.bio p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.bio a{color:var(--color-accent);text-decoration:none;font-weight:500}.bio a:hover{text-decoration:underline}.links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:3rem}.link-card{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease}.link-card:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 12px #2563eb14;transform:translateY(-1px)}.icon{width:18px;height:18px;flex-shrink:0}.footer{text-align:center}.footer p{font-size:.8125rem;color:var(--color-text-secondary);font-weight:300}@media (max-width: 480px){.avatar{width:128px;height:128px}.signature{width:180px}.intro h1{font-size:1.5rem}.links{grid-template-columns:1fr}}