﻿.page-header-section { background:var(--gradient-hero); padding:3.5rem 0 2.5rem; position:relative; overflow:hidden; }
.page-header-section::after { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.page-header-section .breadcrumb { background:none; padding:0; margin-bottom:.75rem; }
.page-header-section .breadcrumb-item a { color:rgba(255,255,255,.65); font-size:.82rem; }
.page-header-section .breadcrumb-item a:hover { color:var(--color-accent); }
.page-header-section .breadcrumb-item+.breadcrumb-item::before { color:rgba(255,255,255,.35); }
.page-header-section .breadcrumb-item.active { color:var(--color-accent); font-size:.82rem; }
.page-header-title { font-family:var(--font-heading); font-size:clamp(1.6rem,3.5vw,2.4rem); color:#fff; font-weight:700; margin-bottom:.5rem; }
.page-header-subtitle { color:rgba(255,255,255,.70); font-size:.95rem; max-width:600px; margin:0; }

/* ── Request main ─────────────────────────────────────────── */
.request-main { padding:4rem 0 5rem; background:var(--color-bg); }

/* How it works */
.how-it-works { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-sm); border:1px solid var(--color-secondary-dark); padding:2rem; margin-bottom:2rem; }
.hiw-title { font-family:var(--font-heading); font-size:.95rem; font-weight:700; color:var(--color-primary); margin-bottom:1.1rem; text-transform:uppercase; letter-spacing:.5px; }
.hiw-step { display:flex; align-items:flex-start; gap:1rem; padding:.6rem 0; border-bottom:1px solid var(--color-secondary-dark); }
.hiw-step:last-child { border-bottom:none; padding-bottom:0; }
.hiw-num { width:30px; height:30px; border-radius:50%; background:var(--color-accent); color:var(--color-primary-dark); display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700; flex-shrink:0; }
.hiw-text strong { font-size:.85rem; color:var(--color-primary); display:block; }
.hiw-text span { font-size:.78rem; color:var(--color-text-light); }

/* Form card */
.req-form-card { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-md); border:1px solid var(--color-secondary-dark); overflow:hidden; }
.req-form-header { background:var(--color-primary); padding:1.4rem 2rem; }
.req-form-header h1 { font-family:var(--font-heading); color:#fff; font-size:1.2rem; font-weight:700; margin:0; }
.req-form-header p { color:rgba(255,255,255,.65); font-size:.82rem; margin:.25rem 0 0; }
.req-form-body { padding:2rem; }
.req-label { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--color-text-light); margin-bottom:.4rem; display:block; }
.req-control { width:100%; border:1.5px solid var(--color-secondary-dark); border-radius:var(--border-radius-sm); padding:.65rem .9rem; font-size:.875rem; color:var(--color-text); background:var(--color-secondary-light); font-family:var(--font-body); transition:border-color var(--transition), box-shadow var(--transition); outline:none; }
.req-control:focus { border-color:var(--color-accent); box-shadow:0 0 0 3px rgba(201,168,76,.15); background:#fff; }
textarea.req-control { resize:vertical; min-height:110px; }
.btn-submit-req { background:var(--gradient-gold); color:var(--color-primary-dark) !important; font-weight:700; font-size:.925rem; border:none; border-radius:50px; padding:.85rem 2.5rem; box-shadow:var(--shadow-gold); cursor:pointer; transition:transform var(--transition), filter var(--transition); display:inline-flex; align-items:center; gap:.5rem; }
.btn-submit-req:hover { transform:translateY(-2px); filter:brightness(1.06); }
.req-success-box { background:linear-gradient(135deg,rgba(18,62,0,.06),rgba(201,168,76,.10)); border:1.5px solid rgba(18,62,0,.20); border-radius:var(--border-radius); padding:3rem 2rem; text-align:center; }
.req-success-box i { font-size:3.5rem; color:#22c55e; display:block; margin-bottom:1rem; }
.req-success-box h2 { font-family:var(--font-heading); color:var(--color-primary); margin-bottom:.5rem; }
.req-success-box p { color:var(--color-text-light); font-size:.9rem; max-width:480px; margin:0 auto 1.5rem; }
.form-alert-error { background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.25); color:#dc2626; border-radius:var(--border-radius-sm); padding:.75rem 1rem; font-size:.875rem; margin-bottom:1rem; display:flex; align-items:center; gap:.5rem; }

/* Info sidebar */
.req-info-sidebar { display:flex; flex-direction:column; gap:1.25rem; }
.req-info-card { background:var(--color-white); border-radius:var(--border-radius); box-shadow:var(--shadow-sm); border:1px solid var(--color-secondary-dark); padding:1.5rem; }
.req-info-title { font-family:var(--font-heading); font-size:.9rem; font-weight:700; color:var(--color-primary); margin-bottom:1rem; text-transform:uppercase; letter-spacing:.5px; }
.req-type-grid { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.req-type-item { display:flex; flex-direction:column; align-items:center; gap:.4rem; background:var(--color-secondary-light); border:1px solid var(--color-secondary-dark); border-radius:var(--border-radius-sm); padding:.85rem .5rem; text-align:center; transition:border-color var(--transition); }
.req-type-item:hover { border-color:var(--color-accent); }
.req-type-item i { font-size:1.3rem; color:var(--color-accent); }
.req-type-item span { font-size:.72rem; font-weight:600; color:var(--color-primary); }