:root {
                --primary-color: #ff3b30;
                --primary-hover: #e03229;
                --bg-light: #ffffff;
                --text-dark: #1e1e1e;
                --border-light: #e0e0e0;
                --radius: 12px;
                --spacing: 1.2rem;
            }
            body {
                font-family: Arial, sans-serif; margin: 0; padding: 0;
            }
            /* Specifické nastavení content pro contact */
            .content {
                margin-top: 30px !important;
            }
            /* Moderní kontaktní formulář */
            .contact-page {
                max-width: 600px;
                margin: 0 auto;
                padding: 32px;
                background: var(--bg-light);
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
                border-radius: var(--radius);
                display: flex;
                flex-direction: column;
                gap: 24px;
            }
            .contact-page h2 {
                font-size: 2rem;
                margin: 0;
                font-weight: 600;
            }
            .contact-page .errors p,
            .contact-page .success p {
                margin: 0;
                font-size: 0.95rem;
            }
            .contact-page .errors p { color: #d32f2f; }
            .contact-page .success p { color: #388e3c; }
            .contact-page form {
                display: grid;
                grid-template-columns: 1fr;
                gap: var(--spacing);
            }
            .contact-page label {
                display: flex;
                flex-direction: column;
                font-size: 1rem;
                font-weight: 500;
            }
            .contact-page input,
            .contact-page textarea {
                margin-top: 8px;
                padding: 12px;
                border: 1px solid var(--border-light);
                border-radius: var(--radius);
                font-size: 1rem;
                transition: border-color 0.2s ease, box-shadow 0.2s ease;
                background: #fafafa;
                resize: vertical;
            }
            .contact-page input:focus,
            .contact-page textarea:focus {
                border-color: var(--primary-color);
                box-shadow: 0 0 0 3px rgba(255,59,48,0.2);
                outline: none;
            }
            .contact-page button {
                align-self: flex-start;
                background: var(--primary-color);
                color: #fff;
                border: none;
                padding: 14px 24px;
                border-radius: var(--radius);
                font-size: 1rem;
                font-weight: 600;
                cursor: pointer;
                transition: background 0.2s ease;
            }
            .contact-page button:hover {
                background: var(--primary-hover);
            }
            .contact-page h3 {
                margin-bottom: 8px;
                font-size: 1.1rem;
                font-weight: 500;
            }
            .contact-page p,
            .contact-page a {
                font-size: 0.95rem;
                line-height: 1.5;
                color: var(--text-dark);
                text-decoration: none;
            }
            .contact-page a:hover {
                text-decoration: underline;
            }

            /* Responsivita - základní responsive styly jsou v user_sidebar.css */
            @media (max-width: 768px) {
                .content {
                    margin-top: 0 !important;
                    padding: 70px 20px 20px 20px !important; /* padding-top: 70px pro fixní header */
                    margin-left: 0 !important;
                }
            }