Ford Mazda Outcode-incode Calculator English Here
.brand-header .sub color: #8e9eae; font-weight: 500; font-size: 0.85rem; margin-top: 8px; display: flex; gap: 20px; flex-wrap: wrap;
.btn-primary background: linear-gradient(95deg, #dc8c2c, #f0b34b); color: #141a24; box-shadow: 0 6px 14px rgba(220, 140, 44, 0.25);
.result-label text-transform: uppercase; font-size: 0.7rem; font-weight: 600; letter-spacing: 1.5px; color: #e0b354; margin-bottom: 12px; ford mazda outcode-incode calculator english
.incode-value font-family: 'SF Mono', 'Fira Code', monospace; font-size: 2.2rem; font-weight: 800; color: #fad974; word-break: break-all; line-height: 1.2; background: #01010130; padding: 0.5rem 0.8rem; border-radius: 24px; letter-spacing: 1px;
.badge background: #1f2a36; padding: 4px 12px; border-radius: 40px; font-size: 0.7rem; font-weight: 600; color: #f0c674; .brand-header .sub color: #8e9eae
.outcode-wrapper display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Ford Mazda Outcode-Incode Calculator | Secure Code Tool</title> <style> * box-sizing: border-box; margin: 0; padding: 0; .btn-primary background: linear-gradient(95deg
.code-input::placeholder color: #3e4a5a; font-size: 0.9rem; font-weight: normal;
.btn-secondary:hover background: #2f3e4e;
.code-input:focus border-color: #f4b642; box-shadow: 0 0 0 3px rgba(244, 182, 66, 0.2); background: #0e131c;
/* input group */ .input-group margin-bottom: 1.8rem;