/* YOUR CORE STYLING */
        :root { --dark: #111; --red: #e03131; --gray: #f4f4f4; }
        body { font-family: sans-serif; margin: 0; line-height: 1.6; color: var(--dark); background-color: #fff; }
        
        /* NAV BAR */
        nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 5%; background: white; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 100; }
        .logo { font-size: 20px; font-weight: 900; letter-spacing: 1px; text-decoration: none; color: var(--dark); }
        .nav-links a { margin: 0 15px; cursor: pointer; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration: none; color: var(--dark); }
        .nav-links a:hover { color: var(--red); }

        /* CONTACT FORM CONTAINER */
        .container { max-width: 1100px; margin: auto;background-color: #e03131; padding: 60px 20px; display: flex; justify-content: center; }
        
        .contact-box { 
            width: 100%; max-width: 500px; background: white; padding: 40px; background-color: #e03131;
            border-radius: 20px; border: 1px solid #eee; box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
        }

        h1 { text-align: center; margin-top: 0; font-size: 2rem; }
        p.subtitle { text-align: center; color: #666; margin-bottom: 30px; }

        /* FORM ELEMENTS */
        .form-group { margin-bottom: 20px; }
        .form-group label { display: block; font-weight: bold; font-size: 13px; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
        
        .form-group input, .form-group textarea { 
            width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 8px; 
            font-family: sans-serif; box-sizing: border-box; transition: 0.3s;
        }

        .form-group input:focus, .form-group textarea:focus { 
            outline: none; border-color: var(--red); box-shadow: 0 0 8px rgba(224, 49, 49, 0.1); 
        }

        .submit-btn { 
            background: var(--dark); color: white; border: none; padding: 16px; 
            width: 100%; border-radius: 8px; font-weight: bold; cursor: pointer; 
            font-size: 16px; transition: 0.3s; margin-top: 10px;
        }

        .submit-btn:hover { background: var(--red); transform: translateY(-2px); }

        /* FOOTER */
        footer { background: var(--dark); color: #888; padding: 40px 5%; text-align: center; margin-top: 60px; }
        .copy { font-size: 12px; border-top: 1px solid #333; padding-top: 20px; }