:root{--bg-body: #F5F5F7;--bg-card: #FFFFFF;--text-main: #1D1D1F;--text-secondary: #86868B;--accent: #2c3e50;--radius: 16px;--shadow: 0 4px 20px rgba(0,0,0,.04);--max-width: 1000px;--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-stack);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem;min-height:85vh;flex:1}h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;color:var(--text-main)}h2{font-size:1.8rem;margin-bottom:1rem;font-weight:600}p{margin-bottom:1.5rem;color:#444}.card{background:var(--bg-card);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow);margin-bottom:2rem;transition:transform .2s ease}.card:hover{transform:translateY(-3px)}nav{background-color:#fff!important;color:#000!important;box-shadow:0 1px #eee}.logo{color:#000!important}.nav-list li a{color:#666!important}.nav-list li a.active{color:#000!important;font-weight:600}footer{text-align:center;padding:3rem 1rem;margin-top:4rem;color:var(--text-secondary);font-size:.9rem;border-top:1px solid #e5e5e5;width:100%}nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;height:70px;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 10px #00000005}