*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6;min-height:100vh}nav{background-color:#ffffff;border-bottom:1px solid #e2e8f0;padding:1rem 0;position:sticky;top:0;z-index:50}nav .max-w-5xl{max-width:80rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:2rem}nav .text-xl{font-size:1.5rem;font-weight:700;color:#2563eb}nav .text-xl,nav a{transition:color .2s ease}nav a{text-decoration:none;color:#475569;font-size:.95rem;font-weight:500}nav a:hover{color:#2563eb}main{max-width:64rem;margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{font-weight:600;color:#1e293b}h1{font-size:2.25rem;margin-bottom:1.5rem}h2{font-size:1.75rem;margin-bottom:1.25rem}p{margin-bottom:1rem}a{color:#2563eb;text-decoration:none;transition:color .2s ease}a:hover{color:#1e40af}.btn{display:inline-block;background-color:#2563eb;color:#ffffff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .2s ease-in-out;margin-top:1rem}.btn:hover{background-color:#1e40af;transform:translateY(-2px)}@media (max-width:768px){nav .max-w-5xl{flex-wrap:wrap;gap:1rem}nav a{font-size:.9rem}main{padding:1.5rem 1rem}}main,nav{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}