:root{--primary:#2563eb;--primary-dark:#1e40af;--text:#1f2937;--text-light:#6b7280;--bg:#fff;--bg-alt:#f9fafb;--border:#e5e7eb;--shadow:#0000001a;--max-width:1200px;--spacing:1rem}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{color:var(--text);background:var(--bg);padding:var(--spacing);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}main{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{color:var(--text);margin:2rem 0 1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin:1rem 0;line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark);text-decoration:underline}ul,ol{margin:1rem 0;padding-left:2rem}li{margin:.5rem 0}section{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;margin:3rem 0;padding:2rem}header{text-align:center;border-bottom:2px solid var(--border);margin-bottom:2rem;padding:2rem 0}footer{text-align:center;border-top:2px solid var(--border);color:var(--text-light);margin-top:4rem;padding:2rem 0;font-size:.9rem}input,textarea,select,button{border:1px solid var(--border);border-radius:4px;width:100%;max-width:400px;margin:.5rem 0;padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}button{background:var(--primary);color:#fff;cursor:pointer;border:none;font-weight:500;transition:background .2s}button:hover{background:var(--primary-dark)}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}th{background:var(--bg-alt);font-weight:600}img{border-radius:4px;max-width:100%;height:auto}code,pre{background:var(--bg-alt);border-radius:4px;font-family:Monaco,Courier New,monospace}code{padding:.2rem .4rem;font-size:.9em}pre{margin:1rem 0;padding:1rem;overflow-x:auto}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}section{padding:1.5rem}main{padding:1rem .5rem}}