*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#2c3e50;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.nav{display:flex;gap:2rem}.nav a{color:#fff;text-decoration:none;transition:color .3s}.nav a:hover{color:#3498db}.hero{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:3rem}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-button{display:inline-block;background:#e74c3c;color:#fff;padding:12px 30px;text-decoration:none;border-radius:5px;font-weight:700;transition:background .3s}.cta-button:hover{background:#c0392b}.content{max-width:800px;margin:0 auto;padding-bottom:4rem}.content h1,.content h2,.content h3{margin-top:2rem;margin-bottom:1rem;color:#2c3e50}.content h1{font-size:2.5rem;border-bottom:3px solid #3498db;padding-bottom:.5rem}.content h2{font-size:2rem;color:#34495e}.content h3{font-size:1.5rem;color:#7f8c8d}.content p{margin-bottom:1rem}.content ul,.content ol{margin-left:2rem;margin-bottom:1rem}.content li{margin-bottom:.5rem}.content code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.9em}.content pre{background:#2c3e50;color:#ecf0f1;padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0}.content pre code{background:none;padding:0;color:inherit}.content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;font-style:italic;color:#7f8c8d}.content a{color:#3498db;text-decoration:none}.content a:hover{text-decoration:underline}.content table{width:100%;border-collapse:collapse;margin:1rem 0}.content th,.content td{border:1px solid #ddd;padding:.5rem;text-align:left}.content th{background:#f8f9fa;font-weight:700}.footer{background:#34495e;color:#fff;text-align:center;padding:2rem 0;margin-top:4rem}.footer a{color:#3498db;text-decoration:none}.footer a:hover{text-decoration:underline}@media (width <= 768px){.header .container{flex-direction:column;gap:1rem}.nav{gap:1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.container{padding:0 15px}}html{scroll-behavior:smooth}