*{box-sizing:border-box}body{color:#444;text-align:justify;background:#eee;margin:0;padding:0;font-family:sans-serif;font-size:20px;line-height:24px}.landing-page{background:#fff;border-radius:20px;max-width:800px;margin:60px auto;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.467)}.hero-section{text-align:center;margin-bottom:40px}.hero-content{background:0 0;border:none;padding:0}.hero-title{color:#444;margin:0 0 10px;font-family:monospace;font-size:24px;font-weight:400}.hero-subtitle{color:#888;margin:0 0 20px;font-size:20px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{color:#c60;background:#fff;border:1px solid #c60;border-radius:10px;padding:10px 20px;font-size:20px;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 5px 10px rgba(0,0,0,.2)}.btn:hover{color:#fff;background:#c60;transform:translateY(-2px)}.btn-primary{color:#fff;background:#c60}.btn-primary:hover{background:#a50}.btn-secondary{color:#c60;background:#fff}.btn-secondary:hover{color:#fff;background:#c60}.blog-previews{margin-top:20px}.section-title{color:#444;text-align:left;margin:0 0 20px;font-family:monospace;font-size:24px;font-weight:400}.blog-preview-grid{margin-bottom:20px;display:block}.blog-preview{background:#f9f9f9;border-left:4px solid #c60;border-radius:10px;margin-bottom:20px;padding:15px}.blog-preview:hover{background:#f5f5f5}.blog-preview-title{margin:0 0 8px;font-size:20px;font-weight:400}.blog-preview-title a{color:#c60;text-decoration:none}.blog-preview-title a:hover{text-decoration:underline}.blog-preview-excerpt{color:#888;margin:0;font-size:18px;line-height:22px}.blog-preview-footer{text-align:center;margin-top:30px}.view-all-link{color:#c60;background:#fff;border:1px solid #c60;border-radius:10px;padding:10px 20px;font-size:20px;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 5px 10px rgba(0,0,0,.2)}.view-all-link:hover{color:#fff;background:#c60;transform:translateY(-2px)}@media (max-width:700px){.landing-page{margin:20px auto;padding:15px}body{font-size:18px;line-height:22px}.hero-title{font-size:22px}.hero-subtitle{font-size:18px}.btn{padding:8px 16px;font-size:18px}.section-title{font-size:22px}.blog-preview-title{font-size:18px}.blog-preview-excerpt{font-size:16px;line-height:20px}}