:root{--bg:#fff8f0;--card:#fff;--text:#172033;--sub:#64748b;--p:#7c3aed;--b:#e9d5ff}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;background:linear-gradient(180deg,#fff8f0,#f7f3ff);color:var(--text)}a{text-decoration:none;color:inherit}.top{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 14px #00000010}.nav{max-width:1100px;margin:auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:900;color:#7c3aed;font-size:20px}.back{background:#f3e8ff;color:#6d28d9;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px}.hero{max-width:1100px;margin:auto;padding:28px 16px 18px;text-align:center}.emoji{font-size:52px}.hero h1{font-size:clamp(28px,6vw,44px);margin:5px 0 8px}.hero p{margin:0 auto;color:var(--sub);max-width:650px;line-height:1.5}.grid{max-width:1100px;margin:0 auto;padding:12px 16px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:#fff;border:2px solid var(--b);border-radius:20px;padding:18px;min-height:170px;box-shadow:0 7px 22px #00000008;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7c3aed18}.num{font-size:12px;color:#8b5cf6;font-weight:900}.title{font-size:20px;font-weight:900;line-height:1.2;margin:7px 0}.meta{font-size:13px;color:var(--sub);line-height:1.4}.read{margin-top:12px;background:#7c3aed;color:#fff;border-radius:12px;padding:10px 12px;text-align:center;font-weight:900;font-size:13px}footer{text-align:center;color:#94a3b8;font-size:12px;padding:0 16px 30px}@media(max-width:640px){.grid{grid-template-columns:1fr;padding-top:8px}.card{min-height:145px}.hero{padding-top:22px}.emoji{font-size:44px}}