*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #ffffff;--secondary-bg: #f5f5f7;--text-color: #1d1d1f;--accent-color: #0066cc;--border-color: #d2d2d7;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .8)}[data-theme=dark]{--primary-bg: #000000;--secondary-bg: #1c1c1e;--text-color: #ffffff;--accent-color: #0a84ff;--border-color: #38383a;--card-bg: #1c1c1e;--nav-bg: rgba(0, 0, 0, .8)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-bg);color:var(--text-color);line-height:1.5;transition:background-color .3s ease,color .3s ease}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color)}.nav-links{display:flex;gap:2rem;justify-content:flex-end;max-width:1200px;margin:0 auto}@media (max-width: 768px){.container{padding:0 1rem}.nav{padding:1rem}.nav-links{gap:1rem}}.app{min-height:100vh;background-color:var(--primary-bg)}