*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#111;background:#fafafa}a{color:#4338ca;text-decoration:none}.wrap{max-width:900px;margin:0 auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #eee}nav{display:flex;gap:18px;align-items:center;padding:14px 0}nav .logo{font-weight:800;margin-right:auto;color:#111}.banner{background:#fef3c7;color:#92400e;text-align:center;padding:6px;font-size:14px}.hero{padding:48px 0 24px}.hero h1{font-size:40px;margin:0 0 10px}.btn{display:inline-block;background:#4338ca;color:#fff;padding:10px 16px;border-radius:8px;border:0;font-size:15px;cursor:pointer}.btn.alt{color:#4338ca;border:1px solid #4338ca}.btn.alt,.card{background:#fff}.card{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;margin:10px 0;color:#111}.card.feat{border-color:#f59e0b;background:#fffbeb}.meta{color:#555;font-size:14px}.tag{display:inline-block;background:#eef2ff;color:#3730a3;padding:2px 8px;margin:4px 4px 0 0}.badge,.tag{border-radius:6px;font-size:12px}.badge{background:#fde68a;color:#78350f;padding:2px 6px;margin-left:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}input,select,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;margin:4px 0 12px;font:inherit}footer{color:#666;font-size:14px;padding:40px 0}