body {
            font-family: 'Inter', sans-serif;
            background: radial-gradient(circle at top left, rgba(29, 78, 216, 0.15) 0%, transparent 40%),
                        radial-gradient(circle at bottom right, rgba(168, 85, 247, 0.15) 0%, transparent 40%),
                        #0a0a0a; /* Dark background */
            color: #e2e8f0; /* Light text color */
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* Subtle glow effect for interactive elements */
        .glow-on-hover:hover {
            box-shadow: 0 0 10px rgba(29, 78, 216, 0.5), 0 0 20px rgba(168, 85, 247, 0.5);
            transition: box-shadow 0.3s ease-in-out;
        }

        /* Custom scrollbar for a sleek look */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #1a1a1a;
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #3b82f6, #a855f7); /* Blue to purple gradient */
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #2563eb, #9333ea);
        }

        /* Page-specific overrides for Contact page */

        /* Shared theme moved to ../style.css above.
           Add any Contact-specific overrides below. */

        /* Example placeholder (uncomment & adjust if needed):
        #contact-form .input { /* custom form fields styling */

        /* Form focus & status */
        #contact-form input,
        #contact-form textarea {
	border-radius: 8px;
	transition: box-shadow .18s ease, transform .12s ease;
}
#contact-form input:focus,
#contact-form textarea:focus {
	box-shadow: 0 8px 30px rgba(59,130,246,0.12);
	transform: translateY(-1px);
	outline: none;
	border-color: rgba(59,130,246,0.6);
}

/* status message */
#form-status {
	min-height: 1.2rem;
	transition: color .18s;
}
#form-status.success { color: #86efac; }
#form-status.error { color: #fca5a5; }

/* make submit button slightly more prominent on large screens */
@media (min-width: 1024px) {
	#contact-form button { max-width: 360px; margin-left: auto; margin-right: auto; display: block; }
}