/* ===== page.css — স্ট্যাটিক পেজ (About, Contact, Privacy, 404) ===== */
.page-main{padding-bottom:20px}
.page-main .seo-box{margin-top:24px}
.breadcrumb{margin-top:22px;font-size:.88rem;color:var(--muted)}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb span[aria-hidden]{margin:0 6px}

/* তথ্যের কার্ড (About পেজে) */
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0 8px}
.info-card{padding:16px;border-radius:16px;background:var(--bg);border:1px solid var(--border)}
.info-card .material-icons{font-size:30px;color:var(--primary);margin-bottom:6px}
.info-card h3{margin:0 0 4px}
.info-card p{margin:0;font-size:.95rem;color:var(--muted)}

/* ফর্ম (Contact) */
.form{display:grid;gap:14px;margin-top:10px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.form input,.form textarea,.form select{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);outline:none;font-family:inherit}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--primary)}
.form-note{font-size:.88rem;color:var(--muted)}

/* 404 */
.nf{text-align:center;padding:40px 16px 20px}
.nf-code{font-size:clamp(5rem,22vw,9rem);font-weight:700;line-height:1;letter-spacing:-4px;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.nf h1{font-size:1.5rem;margin:10px 0 8px}
.nf p{color:var(--muted);max-width:480px;margin:0 auto 22px}
.nf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}