test

body { font-family: Arial; margin: 0; background: #f0f2f5; } .header { background: #28a745; color: white; padding: 20px; text-align: center; font-size: 22px; font-weight: bold; } .container { max-width: 900px; margin: auto; padding: 20px; } .card { background: white; padding: 20px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); margin-bottom: 20px; } input, select { width: 100%; padding: 10px; margin: 8px 0 12px; border-radius: 6px; border: 1px solid #ccc; } button { padding: 12px; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; } .btn-main { background: #28a745; color: white; width: 100%; } .btn-zalo { background: #0084ff; color: white; width: 100%; margin-top: 10px; } .result { background: #f8f9fa; padding: 15px; border-radius: 8px; } .price { font-size: 26px; color: red; font-weight: bold; } .flex { display: flex; gap: 10px; } .flex div { flex: 1; }