.car-page {
    min-height: 80vh; padding: 48px 1.5rem 80px;
    background: linear-gradient(135deg,#f0f4ff,#e8eeff,#dce6ff);
    position: relative; overflow: hidden;
}
.car-page-grid {
    position: absolute; inset: 0; pointer-events: none;
    background-image:
        linear-gradient(rgba(26,47,122,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(26,47,122,.04) 1px,transparent 1px);
    background-size: 52px 52px;
}
.car-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(90px); }
.car-glow--1 { top:-80px; right:-80px; width:420px; height:420px; background:rgba(58,95,232,.1); }
.car-glow--2 { bottom:-60px; left:-60px; width:320px; height:320px; background:rgba(124,58,237,.07); }

.car-inner {
    position: relative; z-index: 2;
    max-width: 640px; margin: 0 auto;
}

.car-label { font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; color: #2646cc; margin-bottom: 10px; display: flex; align-items: center; gap: 7px; }
.car-label::before { content:''; width:18px; height:2px; background:#2646cc; border-radius:2px; }
.car-title { font-size: clamp(1.8rem,4vw,2.6rem); font-weight: 900; color: #1a2f7a; line-height: 1.18; margin: 0 0 10px; }
.car-desc { color: #6b7280; font-size: .95rem; line-height: 1.75; margin: 0 0 36px; }

.car-card {
    background: white; border-radius: 22px;
    border: 1.5px solid rgba(26,47,122,.1);
    box-shadow: 0 16px 56px rgba(26,47,122,.1);
    padding: 38px 40px;
}
@media(max-width:500px){ .car-card{ padding: 26px 20px; } }

.car-success { text-align: center; padding: 48px 24px; }
.car-success-icon {
    width: 72px; height: 72px; border-radius: 50%;
    background: linear-gradient(135deg,#22c55e,#16a34a);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 8px 24px rgba(34,197,94,.35);
}
.car-success-icon i { color: white; font-size: 1.8rem; }
.car-success-title { font-size: 1.3rem; font-weight: 900; color: #1a2f7a; margin-bottom: 8px; }
.car-success-desc { color: #6b7280; font-size: .9rem; line-height: 1.7; margin-bottom: 24px; }
.car-success-back {
    display: inline-flex; align-items: center; gap: 8px;
    background: linear-gradient(135deg,#1a2f7a,#2646cc);
    color: white; font-weight: 700; font-size: .88rem;
    padding: 12px 26px; border-radius: 11px; text-decoration: none;
    box-shadow: 0 4px 14px rgba(38,70,204,.3); transition: all .2s;
}
.car-success-back:hover { transform: translateY(-2px); }

.car-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:480px){ .car-row2{ grid-template-columns:1fr; } }

.car-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.car-label-f { font-size: .78rem; font-weight: 700; color: #374151; }
.car-label-f span { color: #ef4444; margin-left: 2px; }

.car-input, .car-select, .car-textarea {
    border: 1.5px solid #e8eeff; border-radius: 10px;
    padding: 11px 14px; font-size: .9rem; color: #1a2f7a;
    background: white; outline: none; width: 100%;
    transition: border-color .2s, box-shadow .2s;
    font-family: inherit;
}
.car-input:focus, .car-select:focus, .car-textarea:focus {
    border-color: #2646cc; box-shadow: 0 0 0 4px rgba(38,70,204,.08);
}
.car-field.has-error .car-input,
.car-field.has-error .car-select,
.car-field.has-error .car-textarea { border-color: #ef4444; }

.car-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%239ca3af' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 18px;
    padding-right: 36px; cursor: pointer;
}
.car-textarea { resize: vertical; min-height: 130px; line-height: 1.65; }
.car-err { font-size: .72rem; color: #ef4444; font-weight: 600; display: flex; align-items: center; gap: 4px; }
.car-err i { font-size: .65rem; }

.car-csrf-err {
    background: #fef2f2; border: 1.5px solid rgba(239,68,68,.25);
    border-radius: 10px; padding: 11px 14px; font-size: .83rem;
    color: #dc2626; font-weight: 600; margin-bottom: 16px;
    display: flex; align-items: center; gap: 8px;
}

.car-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid #f0f0f0; margin-top: 6px; }
.car-note { font-size: .74rem; color: #9ca3af; display: flex; align-items: center; gap: 5px; }
.car-note i { color: #22c55e; }
.car-submit {
    display: inline-flex; align-items: center; gap: 9px;
    background: linear-gradient(135deg,#1a2f7a,#2646cc);
    color: white; font-weight: 700; font-size: .9rem;
    padding: 13px 30px; border-radius: 11px; border: none; cursor: pointer;
    box-shadow: 0 4px 16px rgba(38,70,204,.32); transition: all .25s;
}
.car-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(38,70,204,.42); }

.car-jobs-list { max-width: 640px; margin: 0 auto 32px; display: flex; flex-direction: column; gap: 12px; }
.car-job-card {
    background: white; border-radius: 16px; border: 1.5px solid rgba(26,47,122,.1);
    padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.car-job-title { font-weight: 800; color: #1a2f7a; font-size: 1rem; }
.car-job-meta { font-size: .8rem; color: #6b7280; margin-top: 4px; }
.car-job-apply {
    background: #e8eeff; color: #2646cc; font-weight: 700; font-size: .82rem;
    padding: 8px 18px; border-radius: 9px; text-decoration: none; white-space: nowrap;
}