html,body{height:100%;margin:0;padding:0}main{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:monospace;transition:background-color .3s,color .3s;display:flex}h1{margin:.5rem 0 .25rem;font-size:1.75rem;font-weight:700}.subtitle{color:var(--subtitle-color);margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.profile-image{border:2px solid var(--text-color);background:#fff;border-radius:50%;width:100px;height:100px;margin-bottom:.5rem;overflow:hidden}.theme-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;margin-bottom:1.5rem;font-size:1.5rem;transition:color .3s}.nav-links{gap:1rem;margin-bottom:3rem;display:flex}.nav-link{background-color:var(--nav-bg);color:var(--nav-text);border-radius:4px;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.nav-link:hover{background-color:var(--nav-hover-bg);color:var(--nav-hover-text)}footer{color:var(--footer-color);max-width:400px;font-size:.75rem;line-height:1.5}footer a{color:var(--link-color);text-decoration:none}footer a:hover{text-decoration:underline}:root{--bg-color:#121417;--text-color:white;--subtitle-color:#d4d4d8;--nav-bg:#2d3748;--nav-text:#cbd5e0;--nav-hover-bg:#4a5568;--nav-hover-text:white;--footer-color:#6b7280;--link-color:#3b82f6}[data-theme=light]{--bg-color:#f9fafb;--text-color:#1a202c;--subtitle-color:#4a5568;--nav-bg:#e2e8f0;--nav-text:#1a202c;--nav-hover-bg:#cbd5e1;--nav-hover-text:#1a202c;--footer-color:#718096;--link-color:#2563eb}