.compact-quote-form-container { max-width: 450px; margin: 0 auto; padding: 1.5rem; background: rgba(30, 35, 41, 0.95); backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid var(--primary-color, #f0b90b); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); } .compact-quote-form-title { font-size: 1.25rem; font-weight: 700; color: var(--primary-color, #f0b90b); margin-bottom: 0.5rem; text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .compact-quote-form-intro { color: var(--text-secondary, #b7bdc6); text-align: center; margin-bottom: 1.25rem; line-height: 1.4; font-size: 0.9rem; } .quote-form-compact { display: flex; flex-direction: column; gap: 0.75rem; } .compact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; } .compact-form-group { display: flex; flex-direction: column; } .compact-form-input, .compact-form-select, .compact-form-textarea { padding: 0.5rem 0.75rem; border: 2px solid var(--gray-600, #475569); border-radius: 6px; font-size: 0.875rem; transition: all 0.2s ease; background-color: var(--bg-secondary, #161a1e); color: var(--text-primary, #f0f0f0); width: 100%; box-sizing: border-box; font-family: inherit; } .compact-form-input::placeholder, .compact-form-textarea::placeholder { color: var(--text-muted, #848e9c); font-size: 0.875rem; } .compact-form-input:focus, .compact-form-select:focus, .compact-form-textarea:focus { outline: none; border-color: var(--primary-color, #f0b90b); box-shadow: 0 0 0 2px rgba(240, 185, 11, 0.1); background-color: var(--bg-tertiary, #1e2329); } .compact-form-textarea { resize: vertical; min-height: 60px; grid-column: 1 / -1; } .compact-btn { padding: 0.75rem 1.25rem; border: none; border-radius: 6px; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; text-decoration: none; display: inline-block; text-align: center; width: 100%; } .compact-btn-primary { background-color: var(--primary-color, #f0b90b); color: var(--primary-text, #000000); } .compact-btn-primary:hover { background-color: var(--primary-dark, #d4a017); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(240, 185, 11, 0.3); } @media (max-width: 768px) { .compact-quote-form-container { padding: 1.25rem; max-width: 100%; } .compact-form-row { grid-template-columns: 1fr; gap: 0.5rem; } }