*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#1a1a1a;--bg-secondary:#1e1e1e;--bg-card:#222222;--bg-elevated:#2a2a2a;--bg-button:#3a3a3a;--bg-button-hover:#454545;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-bright:#ffffff;--accent:#5c9eff;--accent-hover:#7ab4ff;--accent-bg:rgba(92,158,255,0.1);--accent-border:rgba(92,158,255,0.3);--border:#333333;--border-strong:#555555;--shadow:rgba(0,0,0,0.3);--shadow-subtle:rgba(100,100,100,0.25);--shadow-accent:rgba(92,158,255,0.25)}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f5f6f8;--bg-card:#eef0f3;--bg-elevated:#e4e6ea;--bg-button:#6b7280;--bg-button-hover:#555555;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-bright:#ffffff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-bg:rgba(37,99,235,0.08);--accent-border:rgba(37,99,235,0.25);--border:#d1d5db;--border-strong:#9ca3af;--shadow:rgba(0,0,0,0.08);--shadow-subtle:rgba(0,0,0,0.1);--shadow-accent:rgba(37,99,235,0.2)}body{margin:0;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{background-color:var(--bg-primary)}.footer{margin-top:auto;background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 2rem 2rem;transition:background-color .3s,border-color .3s}.footer-container{max-width:800px;margin:0 auto}.footer-nav{display:flex;justify-content:center;gap:3rem;padding:.5rem 0}.footer-nav-link{font-size:1.1rem;font-weight:500;color:var(--text-primary);text-decoration:none;padding:.6rem 1.2rem;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.footer-nav-link:hover{background:var(--bg-elevated);color:var(--accent)}.footer-nav-link.contact{background:var(--bg-button);color:var(--text-bright);border:2px solid var(--border-strong);font-weight:600;position:relative;overflow:hidden}.footer-nav-link.contact:hover{background:var(--bg-button-hover);border-color:var(--border-strong);color:var(--text-bright);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-subtle)}.footer-copyright{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.footer-copyright:first-child{margin-top:0;padding-top:0;border-top:none}.footer-copyright p{margin:0;font-size:.9rem;color:var(--text-secondary)}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:background-color .3s,border-color .3s}.nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-list a{color:var(--text-primary);font-weight:500;transition:color .3s}.nav-list a:hover{color:var(--accent);text-decoration:none}.theme-toggle{border:none;border-radius:8px;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;width:36px;height:36px;background:#f5f6f8;color:#1a1a2e}.theme-toggle:hover{opacity:.8}[data-theme=light] .theme-toggle{background:#1e1e1e;color:#e0e0e0}