/* Стили для поля телефона с маской */
input[name="phone"] {
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
    font-size: 16px;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.3s ease;
}

input[name="phone"]:focus {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

input[name="phone"]::placeholder {
    color: #999;
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
}

/* Стили для валидации */
input[name="phone"]:invalid {
    border-color: #dc3545;
}

input[name="phone"]:valid {
    border-color: #28a745;
}

/* Анимация при вводе */
input[name="phone"]:focus {
    animation: phoneFocus 0.3s ease;
}

@keyframes phoneFocus {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

/* Стили для подсказки */
.phone-hint {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    font-style: italic;
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    input[name="phone"] {
        font-size: 18px; /* Больший размер для мобильных */
        padding: 15px;
    }
    
    input[name="phone"]::placeholder {
        font-size: 16px;
    }
}