Detailed Prompt:

Create a responsive, adaptive form website for the tractor manufacturing company "Петербургский тракторный завод" following all specified design principles and corporate guidelines. Please adhere to the following instructions and details:

Color Palette:
Utilize the corporate color red as the dominant color.
Follow the 60-30-10 color rule:
60%: Neutral color (e.g., white or light gray for the background).
30%: Corporate red for main elements (e.g., headers, buttons, important highlights).
10%: Accent color (e.g., dark gray or black for text, borders, icons, etc.).
Ensure the colors comply with accessibility standards (e.g., WCAG 2.1 for contrast).
App Type:
The app type is a web-based responsive form website with a user-friendly, easily navigable interface.
The design must adjust to different devices and screen sizes (desktop, tablet, mobiles) using responsive design principles.
Design Proportions:
Use the golden ratio for spacing, padding, and layout to achieve aesthetic harmony.
Section proportions, element alignment, and spacing between fields should follow this standard.
User Interface Elements:
Header:
Display the company's logo on the top left (red and white design for logo integration).
Include a simple navigation bar or breadcrumbs for orientation (e.g., "Home > File Submission").
Form Section:
Title: "Submit Your Files" at the top in bold, corporate red.
Subtitle: Short supportive text under the title: "Please upload the required documents to proceed."
Two file upload fields:
Each field should have a drag-and-drop functionality along with a "Choose File" button for manual selection.
Placeholder text for the fields (e.g., "Drag your file here or click to upload").
Include an icon (e.g., a red file icon) to represent each upload field.
A "Clear All" button next to the upload fields for resetting.
Ensure support for multiple file types (e.g., .pdf, .docx, .jpg).
Submit Button:
Create a large, prominent submit button in corporate red with white text: "Submit Files".
Add subtle hover animation (e.g., button darkens slightly on hover).
Success/Error Messages:
Display a success message after file submission: "Your files have been submitted successfully! Thank you."
Display an error message if there’s an issue (e.g., incorrect format, size exceeded): "Error: Please check your files and try again."
Footer:
Simple footer with company information (e.g., "© 2023 Петербургский тракторный завод. All rights reserved").
Include social media icons (red and gray theme) and links if relevant.
Ensure all text fields, messages, and button labels are easily readable and in a clear, sans-serif font.
Additional Features:
Include validation for file upload fields (e.g., file size limit, allowed formats). Provide instant feedback to the user if the uploaded file doesn’t meet requirements.
Responsive Design:
Desktop: Place upload fields side by side with equal spacing between them.
Tablet/Mobile: Stack upload fields vertically for optimal viewing.
Accessibility:
Include ARIA labels for all fields and buttons for screen reader compatibility.
Ensure keyboard navigation is fully functional.
Final Notes:
Deliver the final project with clean, commented HTML, CSS, and JavaScript code that reflects the design and interactive functionality described above. Use modern UI/UX best practices to ensure the form is intuitive, visually appealing, and user-friendly. Use HTML, CSS js to create this ui