:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #ffffff;--text: #111827;--border: #111827;--card: #ffffff;--button-bg: #111827;--button-text: #ffffff;--button-hover: #1f2937;color-scheme:light}[data-theme=dark]{--bg: #0b0f19;--text: #e5e7eb;--border: #e5e7eb;--card: #111827;--button-bg: #e5e7eb;--button-text: #111827;--button-hover: #d1d5db;color-scheme:dark}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);text-align:center;transition:background-color .2s ease,color .2s ease}.app-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-fixed{position:fixed}.theme-fixed.top-right{top:12px;right:12px}.theme-fixed.top-left{top:12px;left:12px}.theme-toggle{appearance:none;border:1px solid var(--border);background-color:var(--button-bg);color:var(--button-text);border-radius:9999px;padding:8px 14px;font-size:.9rem;cursor:pointer}.theme-toggle:hover{background-color:var(--button-hover)}.switch{position:relative;display:inline-flex;align-items:center;width:56px;height:32px;border:1px solid var(--border);background:var(--card);border-radius:9999px;padding:0;cursor:pointer}.switch-thumb{position:absolute;left:2px;width:26px;height:26px;background:var(--button-bg);color:var(--button-text);border-radius:50%;transition:transform .18s ease,background-color .15s ease;display:inline-flex;align-items:center;justify-content:center}[data-theme=dark] .switch-thumb{transform:translate(24px);background:var(--button-bg)}.contact-button{display:inline-flex;align-items:center;justify-content:center;margin:40px 8px 0;padding:10px;border-radius:50%;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--border)}.contact-button:hover{background-color:var(--button-hover);transform:scale(1.1)}.name{margin:20px 0 0;color:var(--text-primary)}.title{margin:0;color:var(--text-secondary)}.avatar{width:240px;height:240px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}