*, *::before, *::after { box-sizing: border-box; } body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.7; color: #050505; background-color: #f4f6f8; margin: 0; padding: 40px 20px; } .document-container { max-width: 800px; margin: 0 auto; background-color: #FFFFFF; padding: 50px 60px; border-top: 8px solid #E85C0C; box-shadow: 0 8px 20px rgba(5, 5, 5, 0.15); border-radius: 4px; } h1 { color: #050505; font-size: 32px; margin: 0 0 5px 0; font-weight: 700; line-height: 1.2; text-align: center; } .subtitle { text-align: center; font-size: 16px; color: #555555; margin-bottom: 40px; } h2 { color: #050505; font-size: 20px; margin-top: 35px; margin-bottom: 15px; border-left: 4px solid #E85C0C; padding-left: 12px; } p { margin-bottom: 15px; font-size: 16px; color: #050505; } a { color: #E85C0C; text-decoration: none; } a:hover { text-decoration: underline; } .contact-box { background-color: #fafafa; padding: 25px 30px; margin: 20px 0; border-radius: 6px; border: 1px solid #e2e8f0; font-size: 16px; } .contact-box h3 { margin-top: 0; font-size: 22px; color: #E85C0C; margin-bottom: 15px; } .grid-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .grid-item { margin-bottom: 10px; } @media print { body { background-color: #FFFFFF; padding: 0; } .document-container { box-shadow: none; border-top: none; padding: 0; } } @media (max-width: 600px) { .grid-container { grid-template-columns: 1fr; } }