Форма заявки
body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .form-container { background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-width: 500px; width: 100%; margin: 0 auto; } .form-group { margin-bottom: 15px; } input[type="text"], input[type="email"], textarea { width: calc(100% - 22px); /* Учитывая padding */ padding: 10px; border: 2px solid #d4af37; /* Золотой цвет */ border-radius: 25px; /* Закругленные края */ box-sizing: border-box; font-size: 16px; } textarea { resize: none; height: 100px; } button { width: 100%; padding: 10px; border: none; background-color: #d4af37; /* Золотой цвет */ color: #fff; font-size: 16px; border-radius: 25px; /* Закругленные края */ cursor: pointer; } button:hover { background-color: #c4952d; /* Темнее золотого для эффекта наведения */ } .checkbox-label { display: flex; align-items: center; font-size: 14px; } .checkbox-group { display: flex; align-items: center; } .checkbox-label input { display: none; } .checkbox-label .custom-checkbox { width: 20px; height: 20px; border: 2px solid #d4af37; /* Золотой цвет */ border-radius: 3px; margin-right: 10px; position: relative; } .checkbox-label input:checked + .custom-checkbox::before { content: ''; position: absolute; left: 4px; top: 0; width: 5px; height: 10px; border: solid #d4af37; /* Золотой цвет */ border-width: 0 2px 2px 0; transform: rotate(45deg); }