*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fa;color:#1a1a2e;line-height:1.6;-webkit-font-smoothing:antialiased}.header{background:#fff;border-bottom:1px solid #e9ecef;position:sticky;top:0;z-index:100}.header-inner{max-width:720px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:#1a1a2e}.nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:#6c757d;font-size:.9rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:#1a1a2e}.hero{background:#fff;border-bottom:1px solid #e9ecef}.hero-inner{max-width:720px;margin:0 auto;padding:3rem 1.5rem 2.5rem}.hero-tag{display:inline-block;font-size:.8rem;font-weight:600;color:#667eea;background:#eef0ff;padding:.25rem .75rem;border-radius:999px;margin-bottom:1rem}.hero-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#1a1a2e}.hero-subtitle{font-size:1.1rem;color:#6c757d}.main{padding:2.5rem 1.5rem 4rem}.main-inner{max-width:720px;margin:0 auto}.section-title{font-size:1.1rem;font-weight:700;color:#495057;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.03em}.post-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:box-shadow .2s,transform .15s}.post-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.post-meta{font-size:.8rem;color:#adb5bd;margin-bottom:.5rem}.post-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#1a1a2e}.post-excerpt{font-size:.95rem;color:#6c757d;line-height:1.7;margin-bottom:.75rem}.post-link{font-size:.9rem;font-weight:600;color:#667eea;text-decoration:none}.post-link:hover{text-decoration:underline}.footer{text-align:center;padding:2rem 1.5rem;font-size:.8rem;color:#adb5bd;border-top:1px solid #e9ecef}