.hero-bar {
    background: linear-gradient(135deg, #1a3a6b 0%, #2352a0 100%);
    color: #fff; padding: 2.5rem 2rem 3.5rem; text-align: center;
}
.hero-bar h1 { font-size: 1.85rem; font-weight: 900; margin: 0 0 .3rem; }
.hero-bar p  { margin: 0; color: rgba(255,255,255,.75); font-size: 1rem; }

.form-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(26,58,107,.10);
    padding: 2rem 2.5rem;
    max-width: 860px;
    margin: -2rem auto 3rem;
    position: relative; z-index: 10;
    border: 1px solid #d6e0ee;
}

.form-card h4 {
    color: #1a3a6b; font-weight: 700;
    font-size: 1.2rem; margin-bottom: 1.5rem;
    padding-bottom: .7rem;
    border-bottom: 2px solid #d6e0ee;
    display: flex; align-items: center; gap: .5rem;
}

.checkfile-label { font-weight: 600; color: #1a3a6b; font-size: .9rem; }

.checkfile-input {
    border-radius: 8px;
    border: 1.5px solid #d6e0ee;
    font-family: 'Tajawal', sans-serif;
    font-size: .95rem;
    transition: border-color .2s, box-shadow .2s;
    background: #fafcff;
}
.checkfile-input:focus {
    border-color: #2352a0;
    box-shadow: 0 0 0 3px rgba(35,82,160,.12);
    background: #fff;
    outline: none;
}

textarea.checkfile-input { resize: vertical; min-height: 110px; }

.terms-counter {
    font-size: .8rem; color: #6b7a8d;
    float: left; margin-top: .3rem;
}
.terms-counter.ok  { color: #2e7d32; font-weight: 600; }
.terms-counter.bad { color: #b71c1c; font-weight: 600; }

.btn-submit {
    background: #1a3a6b; color: #fff;
    border: none; border-radius: 9px;
    padding: .7rem 2rem; font-family: 'Tajawal', sans-serif;
    font-size: 1.05rem; font-weight: 700;
    width: 100%; cursor: pointer;
    transition: background .2s, transform .15s;
    display: flex; align-items: center; justify-content: center; gap: .5rem;
}
.btn-submit:hover { background: #2352a0; transform: translateY(-1px); }

.field-error {
    color: #b71c1c; font-size: .83rem; margin-top: .3rem; display: none;
}

.info-strip {
    max-width: 860px; margin: 0 auto 2rem;
    display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;
}
.info-chip {
    background: #fff; border-radius: 12px;
    box-shadow: 0 2px 16px rgba(26,58,107,.10); border: 1px solid #d6e0ee;
    padding: 1rem 1.2rem; display: flex; align-items: center; gap: .85rem;
}
.info-chip .chip-icon {
    width: 44px; height: 44px; border-radius: 10px;
    background: linear-gradient(135deg, #1a3a6b, #2352a0);
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; flex-shrink: 0;
}
.info-chip .chip-text strong { display: block; font-size: 1rem; color: #1a3a6b; font-weight: 700; }
.info-chip .chip-text span   { font-size: .8rem; color: #6b7a8d; }

@media (max-width: 640px) {
    .info-strip { grid-template-columns: 1fr; }
    .form-card  { padding: 1.4rem 1.2rem; }
}