
       
        
        .animated-text {
            font-size: 1.4rem;
            line-height: 1.6;
            margin: 30px 0;
            min-height: 60px;
            color: #644b09;
        }
        
        .typewriter {
            overflow: hidden;
            border-right: 2px solid #ff8a00;
            white-space: nowrap;
            margin: 0 auto;
            animation: blink-caret 0.75s step-end infinite;
        }
        
        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #ff8a00; }
        }
        
        .contact-form {
            background: rgba(255, 255, 255, 0.1);
            padding: 30px;
            border-radius: 10px;
            margin-top: 30px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
        }
        
        input, textarea {
            width: 100%;
            padding: 12px 15px;
            border: none;
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.9);
            font-size: 1rem;
            transition: all 0.3s ease;
        }
        
        input:focus, textarea:focus {
            outline: none;
            box-shadow: 0 0 0 2px #ff8a00;
            background: white;
        }
        
        textarea {
            min-height: 120px;
            resize: vertical;
        }
        
      
