*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F9F9F8;--text: #111827;--muted: #6B7280;--accent: #0F766E;--border: #E5E7EB;--card-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04)}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.content{max-width:640px;margin:0 auto;padding:0 1.5rem}section{padding:3rem 0;border-top:1px solid var(--border)}section.hero{border-top:none;padding-top:6rem;padding-bottom:2rem}.hero-row{display:flex;align-items:center;gap:1.75rem}.avatar{width:120px;height:120px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 16px #0f766e33}.hero-text{display:flex;flex-direction:column;max-width:560px}.hero-name{font-size:1.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.1;color:var(--text)}.hero-location{font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;margin-top:.5rem}.hero-bio{font-size:1rem;color:#374151;line-height:1.65;margin-top:1rem}.section-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem}.card{border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:10px;padding:1.5rem 1.75rem;background:var(--card-bg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.card-title{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.badge{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#f0fdf9;border:1px solid #99F6E4;border-radius:4px;padding:.15rem .45rem}.card-desc{color:var(--muted);font-size:.9375rem;line-height:1.55;margin-bottom:1.25rem}.card-actions{display:flex;gap:.625rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid var(--border);color:var(--text);background:var(--card-bg);transition:border-color .15s,color .15s,background .15s;letter-spacing:-.01em}.btn:hover{border-color:#9ca3af;text-decoration:none;color:var(--text)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#0c6b63;border-color:#0c6b63;color:#fff}.about-text{font-size:.9375rem;color:#374151;line-height:1.7;max-width:540px}.contact-links{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-links a{font-size:.9375rem;font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:.2rem;transition:color .15s}.contact-links a:hover{color:var(--accent);text-decoration:none}.contact-links a .arrow{color:var(--muted);font-size:.8125rem}footer{padding:2rem 0 3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--muted);flex-wrap:wrap;gap:.5rem}footer a{color:var(--muted)}footer a:hover{color:var(--accent)}.page-header{padding:3.5rem 0 2rem}.page-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.4rem;color:var(--text)}.page-header p{color:var(--muted);font-size:.875rem}.prose{padding-bottom:4rem}.prose h2{font-size:.9375rem;font-weight:600;margin:2.25rem 0 .5rem;color:var(--text);letter-spacing:-.01em}.prose p,.prose ul,.prose li{font-size:.9375rem;color:#374151;margin-bottom:.75rem;line-height:1.7}.prose code{font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.85em;background:#f3f4f6;padding:.1em .35em;border-radius:3px;color:var(--text)}.prose ul{padding-left:1.25rem}.prose li{margin-bottom:.375rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:2rem;font-size:.875rem;color:var(--muted);transition:color .15s}.back-link:hover{color:var(--accent);text-decoration:none}@media(max-width:480px){.content{padding:0 1.25rem}section.hero{padding-top:3rem;padding-bottom:1.5rem}.hero-row{gap:1.25rem}.avatar{width:88px;height:88px}.hero-name{font-size:1.5rem}.hero-bio{font-size:.975rem}.card{padding:1.25rem}}