body,html{margin:0;padding:0;height:100%}main{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:monospace;text-align:center;padding:1rem;transition:background-color .3s ease,color .3s ease}h1{font-weight:700;font-size:1.75rem;margin:.5rem 0 .25rem}.subtitle{font-weight:600;font-size:.9rem;margin-bottom:1.5rem;color:var(--subtitle-color)}.profile-image{border-radius:50%;overflow:hidden;width:100px;height:100px;margin-bottom:.5rem;background:white;border:2px solid var(--text-color)}.theme-toggle{font-size:1.5rem;background:none;border:none;margin-bottom:1.5rem;cursor:pointer;color:var(--text-color);transition:color .3s ease}.nav-links{display:flex;gap:1rem;margin-bottom:3rem}.nav-link{background-color:var(--nav-bg);padding:.75rem 1rem;border-radius:4px;font-weight:600;text-decoration:none;color:var(--nav-text);transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:var(--nav-hover-bg);color:var(--nav-hover-text)}footer{font-size:.75rem;color:var(--footer-color);max-width:400px;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}